@charset "utf-8";
@import url('//fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 200;
  src: url('./font/NotoSerifJP-ExtraLight.woff') format('woff');
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: bold;
  font-weight: 700;
  src: url('./font/NotoSerifJP-Bold.woff') format('woff');
}
@font-face {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

html {
	font-family:"Noto Sans Japanese",'Noto Sans JP', Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	color:#282828;
	}
body{
	font-family:"Noto Sans Japanese",'Noto Sans JP', Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	color:#282828;
    background-color: #fff;
	overflow-x:hidden;
	}
*{
	box-sizing: border-box;
	}
a{
	display:inline-block;
	word-break: break-all;
	}
a:hover,
a:focus{
	color:#747c8d;
	}
/*メインCSSの記述を変更*/
#wrapper{
	overflow: visible;
	box-sizing: border-box;
	}
.inner {
    /*max-width: 1110px;/*1080+32px*/
	max-width: initial;
	box-sizing: border-box;
}
#contents {
	width:100%;
    max-width: 1096px;/*1080+16px*/
	margin:20px auto 30px;/*margin:0 auto;*/
	padding-top: 0;
}
#contents.theme_main_only{
    max-width: inherit;
	margin:0 auto;/*margin:0 auto;*/
	padding: 20px 0 30px;
}
#contents.theme_main_only .container-fluid.inner{
    max-width: inherit;
	margin:0 auto;/*margin:0 auto;*/
}
#contents.theme_main_only .container-fluid.inner #main{
    max-width: 1096px;/*1080+16px*/
	margin:0 auto;
}
#contents.logout{
	padding-top: 0;
	margin-top:0;
	transition: 0.5s;
}
#contents.logout .logouttop{
	display: block;
	/*margin:0 auto;*/
	/*width:100%;*/
	max-width: 1080px;
	margin: 0 -8px 0;
	width: calc(100% + 16px);
}
#contents.logout .logouttop img{
	width:100%;
    max-width: 1080px;
	height:auto;
}
#contents.logout .logouttop img.pc{
	display: none;
}
#contents.logout .logouttop img.sp{
	display: block;
}
.container-fluid {
	position:relative;
	padding-left:0;
    padding-right:0;
}
#main,
#contents_bottom{
    padding-left: 8px;
    padding-right: 8px;
}
.theme_side_left .container-fluid.inner{
	display: block;
	}
#main_bottom, #footer {
	box-sizing:border-box;
	position:relative;
    background-color: #fff;
}
#main_bottom{
    padding: 30px 0 0;
	border-top: none;
}
#footer {
    padding: 30px 10px 60px;
	border-top: 1px solid #DCDCDC;
	}
.overlay {
	margin:0;
	padding:0;
	}
#btn_menu {
    margin: 0;
    position: absolute;
    right: auto;
	left:15px;
    top: 0;
    z-index: 11;
}
@media only screen and (min-width: 768px) {
#contents {
	margin: 40px auto 60px;
    max-width: 1110px;/*1080+32px*/
}
#contents.theme_main_only{
	padding: 40px 0 60px;
}
#contents.theme_main_only .container-fluid.inner #main{
    max-width: 1110px;
}
#contents.logout .logouttop {
	margin: 0 -15px 0;
	width: calc(100% + 30px);
	}
#contents.logout .logouttop img.pc{
	display: block;
}
#contents.logout .logouttop img.sp{
	display:none;
}
#main,
#contents_bottom{
    padding-left: 15px;
    padding-right: 15px;
	}
.theme_side_left .container-fluid.inner{
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	}
.theme_side_left .container-fluid.inner::before,
.theme_side_left .container-fluid.inner::after{
	content:"";
    display: none;
	}
.theme_side_left #main {
    width: 80%;
	max-width:840px;
	min-width:180px;
	float:none;
	flex-grow: 1;
	flex-shrink: 1;
}
#side_left {
    width: 20%;
	max-width:200px;
	min-width:192px;
	flex-grow: 0;
	flex-shrink: 0;
	overflow: visible;
    padding-left: 15px;
    padding-right: 0;
}
#main_bottom{
    padding: 60px 0 0;
	}
	#footer {
    padding: 60px 10px 120px;
	}
}
@media only screen and (min-width: 1100px){
#contents.logout {
	/*margin: 0 -15px 60px;*/
	margin: 0 auto;
	/*max-width: 1110px;*/
	max-width: 1080px;
	width: 100%;
	/*width: calc(100% + 30px);*/
	}
#contents.logout .logouttop {
	margin: 0 auto;
	width: 100%;
	}
}

/*共通見出し_共通色変え*/
.red_caution{
	font-size:large;
	color:#cf1426;
	padding:0 0 0 34px;
	background-image:url(../img/unishop/icon_att1.gif);
	background-size:27px 24px;
	background-position:left center;
	background-repeat:no-repeat;
}
p.bol,
span.bol{
	font-weight:bold;
	}
p.red,
span.red{
	color:#cf1426;
	}
p.pink,
span.pink{
	color:#ff00ff;
	}
p.kome,
p.tenn{
	position:relative;
	text-align:left;
	padding:0 0 0 1em;
	box-sizing:border-box;
	}
p.kome::before,
p.tenn::before{
	position:absolute;
	top:0;
	left:0;
	width:1em;
	height:1em;
	}
p.kome::before{
	content:"※";
	color: #cf1426;
	}
p.tenn::before{
	content:"・";
	color: #282828;
	}
p.kome.red::before,
p.tenn.red::before{
	color: #cf1426;
	}
p.mgnot,
p.kome.mgnot,
p.tenn.mgnot{
	margin:0;
	}
p.mgbtm,
p.kome.mgbtm,
p.tenn.mgbtm{
	margin:0 0 1em;
	}
a.linkred{
	color: #cf1426;
	text-decoration:underline;
	}
a.linkred:hover,a.linkred:focus{
	text-decoration:none;
	}
.title_bar{
	/*color: #cf1426;*/
	color: #282828;
	font-size:x-large;
	font-weight:normal;
	text-align:center;
	padding:0 0 10px 0;
	margin:10px auto 30px;
	/*background-image:url(../img/unishop/title_bar1.gif);*/
	border-bottom: 3px solid #333E58;
	background-position:center bottom;
	background-repeat: repeat-x;
}
.title_school{
	color: #282828;
	font-weight:bold;
	text-align:center;
	padding:0 0 10px 0;
	margin:10px auto 30px;
	border-bottom: 3px solid black;
	background-position:center bottom;
	background-repeat: repeat-x;
}
.title_bar.nikke{
	font-size:x-large;
	font-weight: bold;
	background-image:none;
	border-bottom: 3px solid #333E58;
}
.radi4{
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	}
.radi8{
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	}
@media only screen and (min-width: 768px) {
.title_bar{
	font-size:xx-large;
	padding:0 0 20px 0;
	margin:0 auto 30px;
	}
.comuni .title_bar.nikke,
.title_bar.nikke{
	font-size:x-large;
	padding:0 0 10px 0;
	}
}

/*共通リンクボックス*/
.def_button1,
.def_button2,
.def_button3,
.def_button4,
.def_button5,
.def_button6{/*赤背景*/
  position:relative;
  overflow:hidden;
  display:block;
  background-color:#cf1426;
	box-sizing:border-box;
  padding:0 1.5em;
  cursor:pointer;
  text-align: center;
  margin:0 auto;
	outline: none;
}
.def_button2.unibtn,
.def_button3.unibtn{/*ボタン黒*/
  background-color:#333E58;
	}
.def_button3.black{/*ボタン黒*/
  background-color:#444;
	}
.def_button3.gray{/*ボタングレー*/
  background-color:#999;
  width:100%;
	}
.def_button1,
.def_button5{/*赤背景、角丸四角*/
  max-width:600px;
  min-width:200px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.def_button5{/*ピンク背景、角丸四角*/
	background-color:#fff6f6;
	border:1px solid #FFE4E4;
  padding:0.5em 1.5em 0.5em 50px;
	line-height:20px;
	transition: 0.5s ;
}
.def_button2,
.def_button3,
.def_button4,
.def_button6{/*赤背景、横丸*/
  padding:0 1.5em;
  max-width:300px;
  min-width:200px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}
.def_button6{/*白背景、横丸*/
  max-width:800px;
  min-width:200px;
	color:#cf1426;
	background-color:#fff;
	border:2px solid #cf1426;
}
.def_button4,
.def_button5{
	width:100%;
  max-width:500px;
  min-width:200px;
	}
.def_button4.zero{
	background-color:#bcbcbc;
	}
.def_button3,
.def_button4{
  padding:0.5em 1.5em;
	color:#fff;
	border:none;
	line-height:30px;
	transition: 0.5s ;
	}
.def_button3:hover,
.def_button3:focus,
.def_button3:active,
.def_button4:hover,
.def_button4:focus,
.def_button4:active{
	background-color: #f4717e;
	}
.def_button3.unibtn:hover,
.def_button3.unibtn:focus,
.def_button3.unibtn:active{
	background-color: #747C8D;
	color: #fff;
	}
.def_button3.black:hover,
.def_button3.black:focus,
.def_button3.black:active{
	background-color: #777;
	color: #fff;
	}
.def_button3.gray:hover,
.def_button3.gray:focus,
.def_button3.gray:active{
	background-color: #ccc;
	color: #fff;
	}
.def_button4.zero:hover,
.def_button4.zero:focus,
.def_button4.zero:active{
	background-color: #bcbcbc;
	}
.def_button5:hover,
.def_button5:focus,
.def_button5:active{
	background-color: #ffe4e4;
	}
.def_button1::after,
.def_button2::after,
.def_button3::after,
.def_button6::after{
	display: block;
	z-index:5;
	content: "";
	position: absolute;
	top: 0;
	bottom:0;
	right: 10px;
	width: 10px;
	height: 10px;
	margin: auto;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
 	 transition: all .3s;
	pointer-events: none;
}
.def_button3.black::after{
	right: auto;
	left:10px;
	border-top:none;
	border-right:none;
	border-bottom: solid 2px #fff;
	border-left: solid 2px #fff;
	}
.def_button6::after{
	border-top: solid 2px #cf1426;
	border-right: solid 2px #cf1426;
}
.def_button1 a,
.def_button2 a,
.def_button3 a,
.def_button3 span,
.def_button6 a{
  position:relative;
  display:block;
  z-index:3;
  width:100%;
  color:#fff;
  text-decoration:none;
  transition:all .5s ease;
  margin: auto;
  padding: 5px 0 5px;
  line-height:1;
  box-shadow: 0 0 0 0 currentColor;
}
.def_button1 a{
	line-height:24px;
	}
.def_button2 a,
.def_button3 a,
.def_button3 span,
.def_button6 a{
	line-height:30px;
	}
.def_button6 a{
	color:#cf1426;
	}
.eff-down{
  width:100%;
  height:40px;
  left:-100%;
  background: #f4717e;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
}
.def_button6 .eff-down{
  background: #cf1426;
	}
.def_button2 .eff-down{
  height:60px;
}
.def_button2.unibtn .eff-down{
  background: #747C8D;
}
.def_button1:hover .eff-down,
.def_button1:focus .eff-down,
.def_button1:active .eff-down,
.def_button2:hover .eff-down,
.def_button2:focus .eff-down,
.def_button2:active .eff-down,
.def_button6:hover .eff-down,
.def_button6:focus .eff-down,
.def_button6:active .eff-down{
  left:0;
}
.def_button3 .eff-down{
	left: auto;
	right:-100%;
  background: #999;
  height:60px;
}
.def_button3:hover .eff-down,
.def_button3:focus .eff-down,
.def_button3:active .eff-down{
  right:0;
}
.def_button6 a:hover,
.def_button6 a:focus,
.def_button6 a:active{
	color:#fff;
	}
.def_button6:hover::after,
.def_button6:focus::after,
.def_button6:active::after{
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
}
.def_button6.sml{/*白背景、横丸、小さいサイズ*/
	font-size:small;
    margin: 0;
	padding:0 2em;
    max-width: 800px;
    min-width: 100px;
	border: 1px solid #cf1426;
	}
.def_button6.sml a{
	padding:0;
	line-height:24px;
	}
.def_button6.sml::after{
    width: 8px;
    height: 8px;
	}
.def_button6{
	}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 910px) {
.def_button1{/*赤背景*/
  padding:0 2em;
  }
}
/*共通ボタン２*/
.def_btn,
.def_btn2{
	display: block;
	position: relative;
	z-index: 2;
	margin:0 auto;
	box-sizing:border-box;
	padding:1em 0;
	width:100%;
	background-color:#cf1426;
	text-align:center;
	font-size:large;
	color:#fff;
	overflow:hidden;
	}
.def_btn3{
	display: block;
	position: relative;
	z-index: 2;
	margin:0 auto;
	box-sizing:border-box;
	padding:1em 0;
	width:100%;
	background-color:#333E58;
	text-align:center;
	font-size:large;
	color:#fff;
	overflow:hidden;
}
.redline2{
	z-index: 2;
	position: relative;
	display:inline-block;
	overflow:hidden;
	box-sizing:border-box;
	}
.def_btn.midd,
.def_btn2.midd{
	padding:0.5em 0;
	}
.def_btn:hover,
.def_btn:active,
.def_btn:focus,
.def_btn2:hover,
.def_btn2:active,
.def_btn2:focus,
.def_btn3:active,
.def_btn3:focus{
	text-decoration:none;
	}
.redline2::after,
.def_btn::after,
.def_btn.radius3::after,
.def_btn2::after {
	background-color: #f4717e;
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
	top: 0;
	width: 100%;
	height: 100%;
	}
.def_btn3::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	top: 0;
	width: 100%;
	height: 100%;
}
.redline2::after,
.def_btn::after,
.def_btn3::after{
	left: -100%;
	}
.redline2:hover::after,
.def_btn:hover::after,
.def_btn3:hover::after{
	left: 0;
	}
.def_btn2::after {
	right: -100%;
	}
.def_btn2:hover::after{
	right: 0;
	}
.redline2,
.redline2::after,
.def_btn,
.def_btn::after,
.def_btn2,
.def_btn2::after,
.def_btn3,
.def_btn3::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .5s ease;
  transition:all .5s ease;
}
.def_btn.radius1{/*赤背景・角丸■*/
  max-width:600px;
  min-width:100px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	}
.def_btn.radius2{
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	}
.def_btn.radius3,
.def_btn2.radius3{
	border-radius: 30px;		/* CSS3草案 */
	-webkit-border-radius: 30px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 30px;	/* Firefox用 */
	}
.def_btn.radius3:hover{
	background-color:#cf1426;
	}
.def_btn2.comp{/*注文完了時*/
	border-radius: 30px;		/* CSS3草案 */
	-webkit-border-radius: 30px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 30px;	/* Firefox用 */
	border:none;
    padding: 10px 0;
	}
.def_btn.ya::before{
	content:"";
    vertical-align: middle;
	display:inline-block;
	position:absolute;
	top:0;
	bottom:0;
	right:1em;
    margin: auto;
	width:10px;
	height:10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  -webkit-transition: all .5s ease;
  transition:all .5s ease;
}
.def_btn.ya.dwn::before{
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
	}
.def_btn.ya.yasm::before{
	width:8px;
	height:8px;
	right:0.5em;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
	}
.redline2,
.def_btn.redline{/*赤枠白背景*/
	color:#cf1426;
	background-color:#fff;
    border: 2px solid #cf1426;
}
.redline2::after,
.def_btn::after {
	background-color: #cf1426;
	}
.def_btn.redline.ya::before{
    border-top: 2px solid #cf1426;
    border-right: 2px solid #cf1426;
	}
.def_btn.redline.ya.yasm::before{
    border-top: 1px solid #cf1426;
    border-right: 1px solid #cf1426;
	}
.redline2:hover,
.def_btn.redline:hover{
	color:#fff;
	}
.def_btn.redline.ya:hover::before{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	}
.def_btn.redline.ya.yasm:hover::before{
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
	}
.def_btn2{
    background-color: #525263;
	}
.def_btn2:hover,
.def_btn2:active,
.def_btn2:focus{
    background-color: #525263;
	}
.def_btn2::after {
	background-color: #6b6b82;
	}
.def_btn2.ya::before{
	content:"";
    vertical-align: middle;
	display:inline-block;
	position:absolute;
	top:0;
	bottom:0;
	right:1em;
    margin: auto;
	width:10px;
	height:10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  -webkit-transition: all .5s ease;
  transition:all .5s ease;
	}
.def_btn3:hover,
.def_btn3:active,
.def_btn3:focus{
    background-color: #525263;
	}
.def_btn3::after {
	background-color: #6b6b82;
	}
.def_btn.radius1.color05{/*--白背景・紺色枠・紺文字--*/
	color:#333E58;
	background-color: #fff;
	border: 1px solid #747c8d;
}
.def_btn.radius1.color05::after{
	background-color: #babec6;
}
.def_btn.radius1.ya.color05::before {
    border-top: 2px solid #333E58;
    border-right: 2px solid #333E58;
}
.def_btn.radius1.colorb{/*--紺背景・白文字--*/
	color:#fff;
	background-color: #333E58;
}
.def_btn.radius1.colorb:hover,
.def_btn.radius1.colorb:focus,
.def_btn.radius1.colorb:active{
	color:#fff;
	background-color: #333E58;
}
.def_btn.radius1.colorb::after{
	background-color: #747c8d;
}
/*共通見出し*/
h4.myn{
	position:relative;
	display:block;
	font-size:x-large;
	font-weight:bold;
	margin:1em 0 0.5em;
	}
h4.myn::before{
	content:"━";
	/*color:#cf1426;*/
	color:#333E58;
	margin-right:0.3em;
	width:1em;
	height:1em;
	}
h4.myn2{
	position:relative;
	display:block;
	font-size:x-large;
	font-weight: normal;
	margin:1em 0 0.5em;
}
h4.myn2.center{
	text-align: center;
}
h4.myn2 span.sml{
	display: inline-block;
	padding: 0 0 0 1em;
	font-size: small;
	color:#A0A0A0;
}
.midasiplus{/*共通の見出しの右側にリンクを置くタイプ*/
	display: flex;
	align-items: center;
	}
.midasiplus a.def_btn{
	font-size:small;
	font-weight:normal;
	width:auto;
	margin:0 0 0 auto;
	padding:0 2em;
    color: #333E58;
    border: 2px solid #333E58;
	}
.midasiplus a.def_btn::after{
    background-color: #333E58;
}
.midasiplus a.def_btn:hover,
.midasiplus a.def_btn:focus{
    color: #fff;
    background-color: #333E58;
}
.midasiplus a.def_btn.redline.ya.yasm::before{
    border-top: 1px solid #333E58;
    border-right: 1px solid #333E58;
}
.midasiplus a.def_btn.redline.ya.yasm:hover::before,
.midasiplus a.def_btn.redline.ya.yasm:focus::before{
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}
@media only screen and (min-width: 768px) {
h4.myn,
div.myn{
	display:block;
	font-size:x-large;
	font-weight:bold;
	margin:1em 0;
	}
}

/*共通p*/
p.line{/*左右に線*/
	position:relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
p.line::before,
p.line::after{
	content: "";
	flex-grow: 1;
	display: block;
	height: 1px;
	background-color: #000;
}
p.line::before{
	margin-right: 1em;
}
p.line::after{
	margin-left: 1em;
}


	/*ヘッダーここから*/
#header{
    padding-top: 0;
	position:relative;
	z-index:11;
    min-height: 45px;
		}
#header .inner {
    padding-left: 0;
    padding-right: 0;

}
.mblack{/*元々はサブメニューに格納してたやつ_サブメニュー展開時のみ出てくる*/
	display: none;
	position: fixed;
	background-color:rgba(0,0,0,0.6);
	top:0;
	left:0;
	right:0;
	width:100%;
	height:100vh;
	margin:auto;
	z-index:10;
	}
/*ヘッダー_logo*/
.header_logo_area {
    margin-right:auto;
    margin-left:auto;
    /*margin:5px auto 0;*/
	margin:0 auto 0;
	width:180px;
}
.header_logo_area.logout{
	width:90%;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.header_logo_area.logout span{
	margin:0;
	font-size:70%;
	}
.header_logo_area .header_logo{
	padding:0;
	margin:0;
	font-size: large;
	line-height: 1;
	}
.header_logo_area .header_logo a img.logo{
	display:block;
	width:100%;
	max-width:240px;
	height:auto;
	/*margin:0.3em auto 0.5em;*/
	margin:0 auto;
	}
.header_logo_area.logout .header_logo a img.logo{
	margin:0 auto 0;
	}
.header_logo_area .header_logo a{
	margin:0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	}
@media only screen and (min-width: 480px) {
.header_logo_area {
	width:220px;
	}
}
@media only screen and (min-width: 768px) {
.header_logo_area .header_logo a img.logo {
	margin: 0 auto;
	}
.header_logo_area.logout{
	width:100%;
	flex-direction: row;
	}
.header_logo_area.logout span{
	margin:0 2em 0 0;
	font-size:75%;
	}
.header_logo_area {
    margin:0 auto 0;
	width:100%;
	max-width:1110px;
	padding:0 15px;
	height:0;
	}
.header_logo_area .header_logo{
	height: 68px;
	}
.header_logo_area .header_logo a{
	margin:0;
	height:68px;
	line-height:68px;
	}
#header .header_logo_area {
	float: none;
	margin-right:auto;
	min-height: 68px;
}
#search {
    background: none;
    padding: 1em 1em 0.5em;
	background-color:rgba(0,0,0,0.6);
	position: absolute;
	top:50px;
	right:0;
	z-index:999;
	width:500px;
}
#header #searchform select, #header #searchform input {
	position:relative;
	float:none;
}
#header .search .input_search {
    float: none;
	flex-grow: 2;
	position:relative;
	margin:0;
}
.search_inner{
	display: flex;
	justify-content: flex-end;
	}
.search select {
    height: 2em;
    font-size: small;
    padding: 0 0.5em;/*0.5em 1em;*/
    box-shadow: none;
	}
.search .input_search {
	width:100%;
	max-width:325px;
	min-width:10px;
    height: 2em;
    padding: 0 50px 0 1em;
	box-sizing:border-box;
    font-size: small;
	}
.search input[type="search"] {
    height: 2em;
    font-size: small;
    border: 0 none;
    padding: 0 0;/* 0.5em 0*/
	}
.search .bt_search {
    margin-top: 0;
}
.bt_search {
    width: 2em;
    height: 2em;
	}
.bt_search .cb-search {
    font-size: small;
	}
}
/*ヘッダー_カゴの中,検索バー,アイコン*/
#cart_area .badge{
    background-color: #cf1426;
	}
p.cart-trigger a:link, p.cart-trigger a:visited, p.cart-trigger a:hover, p.cart-trigger a:active {
    text-decoration: none;
    /*color: #cf1426;*/
    color: #333e58;
}
.bt_search .cb-search {/*検索欄ボタン*/
    /*fill: #cf1426;*/
    fill: #707070;
}
/*#cart_area,
.cart,
#cart .inner {
	z-index:101;
	transition: none;
	}
.cart.is-visible {
	transition: none;
	}*/
#cart_area .inner{
    padding:10px;
    background: #fff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}
.cart .btn_area {
    padding: 0;
}
.cart .btn_area li {
    padding-bottom: 0;
}
.cart .btn_area li button.btn-default{
	position: relative;
    z-index: 2;
	line-height: 36px;
    color: #282828;
    background-color: #fff;
    border:2px solid #DCDCDC;
	display:block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    transition: all .5s ease;
}
.cart .btn_area li button.btn-default::after{
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
    top: 0;
    right: -100%;
    width: 100%;
	height: 100%;
    background-color: #DCDCDC;
    transition: all .5s ease;
}
.cart .btn_area li button.btn-default:hover::after{
    right: 0;
}
.cart .btn_area li button.btn-default::before{
    display: block;
    z-index: 5;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    width: 10px;
    height: 10px;
    margin: auto;
    border-bottom: solid 2px #A0A0A0;
    border-left: solid 2px #A0A0A0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all .3s;
    pointer-events: none;
}
.cart .btn_area li a.def_btn::before{
    display: block;
    z-index: 5;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    width: 10px;
    height: 10px;
    margin: auto;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all .3s;
    pointer-events: none;
}
#cart_area .loginout{
	position: relative;
	display: inline-block;
	}
#cart_area p.cart-trigger {
    position: absolute;
    right: 15px;/*65px*/
}
#cart_area .loginout{
	display: none;
	height:44px;
	line-height:44px;
	margin:0 1em 0 0;
	}
#cart_area .loginout img{
	display: inline-block;
	width:100%;
	max-width:32px;
	height:auto;
	margin:0 0.5em 0 0;
	}
#cart_area .cartimg{
	width:100%;
	max-width:32px;
	height:auto;
	margin:auto;
}
.member_link a img {/*会員～お気に入り～ログイン*/
	display: inline-block;
	width:100%;
	max-width:28px;
	height:auto;
	margin:0 0.5em 0 0;
}
.member_link a.entry{
    height: 1em;
    line-height:1em;
	border-left:1px solid #dcdcdc;
}
.member_link a
.member_link a:hover,
.member_link a:focus,
.member_link a:acrive{
	color:#b7b7b7;
}
#cart_area .cartimg{
	margin:0;
    opacity: 1;
	}
#cart_area p.cart-trigger.cart-is-visible .cartimg {
    /* hide cart icon */
    opacity: 0;
}
#cart_area p.errormsg{
    background-color: #cf1426;
	}
.cart .btn_area .btn {
}
.cart .btn_area .btn-primary {
    color: #fff;
    background-color: #cf1426;
    border:none;
}
.cart .btn_area .def_btn:hover,
.cart .btn_area .def_btn:focus {
    background-color: #cf1426;
	}
.cart .btn_area .def_btn::after {
	background-color: #f4717e;
}
.cart .item_box .item_name {
    margin:0;
    font-size: medium;
}

@media only screen and (min-width: 768px) {
#header #cart_area {
    width: 100%;
	max-width:1080px;
	margin:0 auto;
	height:0;
	}
#cart_area {
    position: relative;
    right: 0;
    top: 0;
    z-index: 11;
	}
.cart {
    width: auto;
    height: 68px;
    top:0;
    right:0;
	}
.cart .item_box .item_photo {
	margin: 0;
}
#cart_area p.cart-trigger {
	/*top:-43px;
	right: 130px;/*65px*/
	top:-68px;
	right:0;
	width: 68px;
	min-width: 68px;
	height:68px;
	background-image:url(../img/unishop/icon_cart_pc.gif);
	background-size: 68px 68px;
	background-repeat: no-repeat;
	background-position: center;

}
#cart_area p{
	border: none;
	/*background-color:#ffe4e4;*/
	/*background-color: #EAEEF0;*/
	background-color: #333e58;
	color:#fff;
    /*border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;*/
	}
#cart_area p:hover,
#cart_area p:focus{
    background-color: #000F2F;
	}
#cart_area .cartimg{
	opacity: 0;
	max-width:40px;
	margin:0 0 0 14px;
	}
.cart-trigger, .nav-trigger {
    height: 32px;

}
p.cart-trigger a {
    height: 30px;
    line-height: 30px;
}
p.cart-trigger .cb-close {
    top: 4px;
}
#cart_area p.cart-trigger.cart-is-visible .cb-close {
    opacity: 0;
}
#header #cart_area .cart_price {
    height: 32px;
    line-height: 32px;
	margin:8px 16px 0 0;
}
#header #cart_area p.cart-trigger .badge {
    position: relative;
    left: -20px;
    top: 0;
}
    #header .header_bottom_area {
        clear: both;
        padding-top: 0;
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
    }
#member {
    /*margin-top:-50px;*/
    /*margin-top:-68px;*/
	height:68px;
    float:none;
	}
#member.member.pc ul li.logo_first{
	margin: 0 auto 0 0;
}
.member_link a {
    font-size: 70%;
	font-weight:600;
    height: 68px;
    line-height: 68px;
	}
.member_link a:hover,
.member_link a:focus {
	color:#747c8d;
	}
}
@media only screen and (max-width: 767px){
#member.member.pc {
	display:block !important;
}
#wrapper.drawer-open #member {
	z-index:-1;

	}
#member.member.pc ul li.logo_first{
    display:block;
	margin:0 auto;
}
#member.member.pc ul li.logo_first .header_logo_area{
    min-height: 30px;
	}
#member.member.pc ul li.logo_first .header_logo_area .header_logo a{
	border-bottom: none;
	height: 45px;
	line-height: 45px;
	}
#member.member.pc ul li:not(first-child){
    display:none;
	}
}
@media only screen and (min-width: 1024px) {
}


/*ヘッダー左上リンク*/
#header .guide_link {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	/*border-top:2px solid #cf1426;*/
	/*border-top:2px solid #282828;*/
	max-width: 1080px;
	margin:0 auto;
	}
/*#header .guide_link li:last-child{
	margin-left:auto;
	}*/
/*#header .guide_link li:nth-child(4){
	border-right:1px solid #dcdcdc;
	}*/
#header .guide_link li > a{
	position:relative;
	padding:0;
	display:inline-block;
	font-size:90%;
	line-height:47px;
	letter-spacing:0px;
	font-weight:400;
	color:#282828;
	box-sizing:border-box;
	border-bottom:2px solid #fff;
	}
#header .guide_link li > a.guide_home{
	position:relative;
	display:block;
	width:30px;
	height: 49px;
	border-bottom: 2px solid #fff;
	}
#header .guide_link li > a.guide_home span{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:block;
	margin:auto 0;
	border-left: none;
	border-right: 1px dotted #707070;
	padding:0;
	width:30px;
	height: 28px;
	background-image:url(../img/unishop/icon_homer.png);
	background-size: 16px 18px;
	background-repeat: no-repeat;
	background-position: center;
	}
#header .guide_link li > a.guide_home.current span{
	background-image:url(../img/unishop/icon_homew.png);
	}
/*#header .guide_link li:nth-child(3) > a::after,
#header .guide_link li:nth-child(4) > a::after{
	content:"";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1em;
    margin: auto;
    width: 8px;
    height: 8px;
    /*border-bottom: 2px solid #cf1426;
    border-right: 2px solid #cf1426;*/
    /*border-bottom: 2px solid #A0A0A0;
    border-right: 2px solid #A0A0A0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
	}*/
#header .guide_link li > a span{
	padding:0.3em 1em;
	}
#header .guide_link li:nth-child(2) > a span{
	border-left:0px dotted #707070;
	}
#header .guide_link li:not(first-child) > a span{
	border-left:1px dotted #707070;
	padding:0.2em 1em;
	}
#header .guide_link li:not(first-child) > div.headmenu_box input#label2 + label span{
	border-left:1px dotted #707070;
	}
/*#header .guide_link li:nth-child(4) > a span{
	padding:0.3em 2em 0.3em 1em;
	}*/
#header .guide_link li > a.home img{
	width:16px;
	height:18px;
	margin:0 1em;
	}
#header .guide_link li > a:hover,
#header .guide_link li > a:focus{
	/*color:#cf1426;
	border-bottom:2px solid #cf1426;*/
	color:#282828;
	/*border-bottom:2px solid #282828;*/
	border-bottom:2px solid #cf1426;
	}
#header .guide_link li > a.current{
	color:#fff;
	/*background-color:#cf1426;
	border-bottom:2px solid #cf1426;*/
	background-color:#282828;
	border-bottom:2px solid #282828;
	}
#header .guide_link li > a.current:hover,
#header .guide_link li > a.current:focus{
	/*background-color:#ffcccc;
	border-bottom:2px solid #ffcccc;*/
	background-color:#747c8d;
	border-bottom:2px solid #747c8d;
	}
/*#header .guide_link li:nth-child(3) > a.current::after,
#header .guide_link li:nth-child(4) > a.current::after{
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
	}*/

@media only screen and (min-width: 768px) {
#header .guide_link li > a.guide_home,
#header .guide_link li > a.guide_home span{
	width:40px;
	}
#header .guide_link li {
	}
}
/*ご利用ガイド_pc*/
#header .member_link {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width:100%;
	max-width: 1080px;
	margin:0 auto;
	padding:0 68px;
	}
#header .dw_guide{
	display:none;
	}
.head_guide {
    margin: 0;
    padding: 0;
	position: relative;
}
.head_guide label {
	font-size:80%;
    cursor :pointer;
	color:#fff;
	/*background-color:#86021e;*/
	background-color: #333E58;
	background-image:url(../img/unishop/icon_wakaba.gif);
	background-size:14px 21px;
	background-position:left 10px center;
	background-repeat:no-repeat;
    padding:0.8em 0.5em 0.8em 2em;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	z-index:10;
	}
.head_guide label:hover {
	/*background-color:#cf1426;*/
	background-color: #747c8d;
}
.head_guide input {
  display: none;
}
.head_guide .guide_show {
	position:absolute;
	top:1.8em;
	right:0;
	width:180px;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
	z-index:9;
	background-color:#fff;
	box-shadow: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.head_guide input:checked ~ .guide_show {
    padding: 0;
    height: auto;
    opacity: 1;
	box-shadow: 0 5px 5px 5px rgba(0,0,0,0.2);
	}
.head_guide .guide_show a{
	display:block;
	color:#282828;
	font-size:85%;
	margin:0 5px;
	height: auto;
	line-height: 3em;
	border-bottom:1px dotted #282828;
	padding:0 2em 0 0.5em;
	position:relative;
	}
.head_guide .guide_show a:last-child{
	border-bottom: none;
	}
.head_guide .guide_show a:hover,
.head_guide .guide_show a:focus{
	/*color:#cf1426;*/
	color:#747c8d;
	}
.head_guide .guide_show a::after{
	content:"";
	position:absolute;
    top: 0;
    bottom: 0;
    right: 3px;
    margin: auto;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    /*border-top: 2px solid #cf1426;
    border-right: 2px solid #cf1426;*/
    border-top: 2px solid #A0A0A0;
    border-right: 2px solid #A0A0A0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	}
@media only screen and (min-width: 768px) {
#header .member_link {
    padding: 0 68px 0 0;
}
.head_guide label {
    padding:0.5em 0.5em 0.5em 2em;
	background-position:left 7px center;
	}
}

/*header直下マウスオン*/
/*全体*/
.headmenu_box {
    margin: 0;/*前後の余白*/
    padding: 0;
}
.headmenu_box label {
	position:relative;
	margin: 0;
    padding: 0.8em 0 0.8em;
    font-size: 90%;
    font-weight:400;
    color: #282828;
    cursor :pointer;
	box-sizing:border-box;
    border-bottom: 2px solid #fff;
	line-height:50px;
}
.headmenu_box label:hover,
.headmenu_box label:focus {
    /*border-bottom: 2px solid #cf1426;
    color: #cf1426;*/
    /*border-bottom: 2px solid #282828;*/
	border-bottom: 2px solid #cf1426;
    color: #282828;
}
.headmenu_box label span{
	line-height:0.8em;
    padding: 0.2em 2.5em 0.2em 1em;
    letter-spacing: 0px;
	}
.headmenu_box input {
    display: none;
}
.headmenu_box input:checked ~ label{
    /*color: #cf1426;
    border-bottom: 2px solid #cf1426;*/
    color: #282828;
    /*border-bottom: 2px solid #282828;*/
	border-bottom: 2px solid #cf1426;
	}
.headmenu_box .headmenu_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.5s;
	pointer-events: none;
}
.headmenu_box input:checked ~ .headmenu_show {
    padding: 0 0;
    height: auto;
    opacity: 1;
	pointer-events:auto;
}
.headmenu_box input + label + .ya{
	z-index:100;
	display:inline-block;
	content:"";
    margin: 0 1em 0 -1.5em;
    width: 8px;
    height: 8px;
    /*border-bottom: 2px solid #cf1426;
    border-right: 2px solid #cf1426;*/
    border-bottom: 2px solid #A0A0A0;
    border-right: 2px solid #A0A0A0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
	}
.headmenu_box input:checked + label + .ya{
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
	}
#header .guide_link li:nth-child(3) .headmenu_box label span{
    border-right: 1px dotted #707070;
	}
.sub_fade{
	visibility:visible;
	opacity:1;
	transition:0.8s;
	}
.sub_on{
	visibility:visible;
	opacity:1;
	}
.sub_off{
	opacity:0;
	visibility: hidden;
	}
#header .mouseon3,
#header .mouseon1,
#header .mouseon2{
	display:block;
	position:absolute;
	top:100%;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	/*max-width:1110px;*/
	height:auto;
	margin:auto;
}
#header .mouseon3 .puton,
#header .mouseon2 .puton,
#header .mouseon1 .puton{
	/*width:98%;
	margin:0 1%;*/
	width:100%;
	margin:0;
	background-color:#fff;
	position: relative;
	z-index:100;
	/*box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);*/
	box-shadow: 0 5px 5px 2px rgba(0,0,0,0.2);
	/*box-shadow: 0 5000px 2px 5000px rgba(0,0,0,0.2);*/
	}
#header .mouseon3 .puton .closebtn,
#header .mouseon2 .puton .closebtn,
#header .mouseon1 .puton .closebtn{
	position: absolute;
	top:50px;
	right:3%;
	display: block;
	width:24px;
	height:24px;
	transition:0.8s;
}
#header .mouseon3 .puton .closebtn span,
#header .mouseon1 .puton .closebtn span,
#header .mouseon2 .puton .closebtn span{
	position: absolute;
	top:11px;
	right:-3px;
	margin:0 auto;
	display: block;
	width:30px;
	height:2px;
	background-color: #a0a0a0;
	transition:0.8s;
}
#header .mouseon3 .puton .closebtn span:nth-child(1),
#header .mouseon1 .puton .closebtn span:nth-child(1),
#header .mouseon2 .puton .closebtn span:nth-child(1){
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#header .mouseon3 .puton .closebtn span:nth-child(2),
#header .mouseon1 .puton .closebtn span:nth-child(2),
#header .mouseon2 .puton .closebtn span:nth-child(2){
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#header .mouseon3 .puton .closebtn:hover span:nth-child(1),
#header .mouseon1 .puton .closebtn:hover span:nth-child(1),
#header .mouseon2 .puton .closebtn:hover span:nth-child(1){
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
#header .mouseon3 .puton .closebtn:hover span:nth-child(2),
#header .mouseon1 .puton .closebtn:hover span:nth-child(2),
#header .mouseon2 .puton .closebtn:hover span:nth-child(2){
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#header .mouseon3 .puton .closebtn:hover span,
#header .mouseon3 .puton .closebtn:focus span,
#header .mouseon3 .puton .closebtn:active span,
#header .mouseon1 .puton .closebtn:hover span,
#header .mouseon1 .puton .closebtn:focus span,
#header .mouseon1 .puton .closebtn:active span,
#header .mouseon2 .puton .closebtn:hover span,
#header .mouseon2 .puton .closebtn:focus span,
#header .mouseon2 .puton .closebtn:active span{
	background-color: #333E58;
}
/*#header .mouseon1 .puton::before,
#header .mouseon2 .puton::before{
	display:block;
	position:absolute;
    content: "";
	top:-22px;
    margin: auto;
    width: 45px;
    height: 45px;
	background-image:url(../img/unishop/fkds.png);
	background-size:45px 45px;
	background-position:center;
	background-repeat:no-repeat;
	z-index:101;
	box-shadow: none;
	pointer-events: none;
	}
#header .mouseon1 .puton::before{
	left:40px;
	}
#header .mouseon2 .puton::before{
	left:180px;
	}*/
#header .mouseon3 .itemall,
#header .mouseon1 .itemall,
#header .mouseon2 .itemall{
	margin:auto;
	padding:1em;
	display: flex;
	flex-wrap: wrap;
	}
#header .mouseon3 .itemall .linkbox,
#header .mouseon1 .itemall .linkbox,
#header .mouseon2 .itemall .linkbox{
	width:180px;
	flex-grow: 1;
	flex-shrink: 0;
	margin:0 1em 5px;
}
#header .mouseon1 .itemall .linkbox{
	width:23%;
	flex-grow: 0;
	margin:0 1% 5px;
	}
#header .mouseon3 .itemall .linkbox a,
#header .mouseon1 .itemall .linkbox a,
#header .mouseon2 .itemall .linkbox a{
	position:relative;
}
#header .mouseon3 .itemall .linkbox a:hover,
#header .mouseon3 .itemall .linkbox a:focus,
#header .mouseon1 .itemall .linkbox a:hover,
#header .mouseon2 .itemall .linkbox a:hover,
#header .mouseon1 .itemall .linkbox a:focus,
#header .mouseon2 .itemall .linkbox a:focus{
	/*background-color:#FFEEF0;*/
	color:#282828;
	background-color:#f5f7f8;
}
#header .mouseon3 .itemall .linkbox a:first-child,
#header .mouseon1 .itemall .linkbox a:first-child,
#header .mouseon2 .itemall .linkbox a:first-child{
	display: block;
	font-size:medium;
	font-weight:600;
	box-sizing:border-box;
	padding:0.5em 0 0.5em 30px;
	border-bottom:1px solid #c7c7c7;
    background-size: 24px 24px;
    background-position: left center;
    background-repeat: no-repeat;
}
#header .mouseon2 .itemall .linkbox a:first-child{
	padding:0.5em 0 0.5em 0;
	}
#header .mouseon3 .itemall .linkbox a:first-child::after,
#header .mouseon1 .itemall .linkbox a:first-child::after,
#header .mouseon2 .itemall .linkbox a:first-child::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 2px;
    margin: auto;
    width: 8px;
    height: 8px;
    /*border-top: 2px solid #cf1426;
    border-right: 2px solid #cf1426;*/
    border-top: 2px solid #a0a0a0;
    border-right: 2px solid #a0a0a0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
	}
#header .mouseon1 .itemall .linkbox.iconimg00 a:first-child{
    background-image: url(../img/unishop/icon_category00.png);
	}
#header .mouseon1 .itemall .linkbox.iconimg01 a:first-child{
    background-image: url(../img/unishop/icon_category01.png);
	}
#header .mouseon1 .itemall .linkbox.iconimg01set a:first-child{
    background-image: url(../img/unishop/icon_category01set.png);
	}
#header .mouseon1 .itemall .linkbox.iconimg02 a:first-child{
    background-image: url(../img/unishop/icon_category02.png);
	}
#header .mouseon1 .itemall .linkbox.iconimg03 a:first-child{
    background-image: url(../img/unishop/icon_category03.png);
	}
#header .mouseon1 .itemall .linkbox.iconimg04 a:first-child{
    background-image: url(../img/unishop/icon_category04.png);
	}
#header .mouseon1 .itemall .linkbox.iconimg05 a:first-child{
    background-image: url(../img/unishop/icon_category05.png);
	}
#header .mouseon1 .itemall .linkbox.iconimg06 a:first-child{
    background-image: url(../img/unishop/icon_category13.png);
	}
#header .mouseon1 .itemall .linkbox.iconimg07 a:first-child{
    background-image: url(../img/unishop/icon_category06.png);
	}
#header .mouseon1 .itemall .linkbox.iconimg08 a:first-child{
    background-image: url(../img/unishop/icon_category07.png);
	}
#header .mouseon1 .itemall .linkbox.iconimg09 a:first-child{
    background-image: url(../img/unishop/icon_category08.png);
	}
#header .mouseon1 .itemall .linkbox.iconimg10 a:first-child{
    background-image: url(../img/unishop/icon_category09.png);
	}
#header .mouseon1 .itemall .linkbox.iconimg11 a:first-child{
    background-image: url(../img/unishop/icon_category10.png);
	}
#header .mouseon1 .itemall .linkbox.iconimg12 a:first-child{
    background-image: url(../img/unishop/icon_category11.png);
	}
#header .mouseon1 .itemall .linkbox.iconimg13 a:first-child{
    background-image: url(../img/unishop/icon_category12.png);
	}
#header .mouseon1 .itemall .linkbox.iconimg14 a:first-child{
    background-image: url(../img/unishop/icon_category14.png);
	}
#header .mouseon1 .itemall .linkbox.iconimg15 a:first-child{
    background-image: url(../img/unishop/icon_category15.png);
	}
#header .mouseon1 .itemall .linkbox.iconimg16 a:first-child{
    background-image: url(../img/unishop/icon_category16.png);
	}
#header .mouseon1 .itemall .linkbox.iconimg17 a:first-child{
    background-image: url(../img/unishop/icon_category17.png);
	}
#header .mouseon1 .itemall .linkbox.iconimg18 a:first-child{
	background-image: url(../img/unishop/icon_category18.png);
	}
#header .mouseon1 .itemall .linkbox.iconimg21 a:first-child{
	background-image: url(../img/unishop/icon_category21.png);
	}
#header .mouseon1 .itemall .linkbox.iconimg22 a:first-child{
	background-image: url(../img/unishop/icon_category22.png);
	}
#header .mouseon1 .itemall .linkbox a:nth-child(2){
	margin-top:5px;
	}
#header .mouseon1 .itemall .linkbox a:not(:first-child){
	display: inline-block;
	font-size: small;
	font-weight:400;
	box-sizing:border-box;
	padding:0 0 0 3em;
	line-height: 2;
}
#header .mouseon1 .itemall .linkbox a:not(:first-child)::after{
    content: "－";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 2em;
	width:1em;
	height:1em;
	color:#c2c2c2;
	}
#header .itemall.nikk{
	display: flex;
	flex-wrap: nowrap;
	width:100%;
	max-width: 1100px;
	margin: 0 auto;
	padding:50px 10px;
	font-size: 90%;
}
#header .itemall.nikk .nikk_title{
	width:10em;
	box-sizing: border-box;
	padding: 0 1em 0 0;
	font-weight: bold;
}
#header .itemall.nikk .nikk_link{
	flex-grow: 2;
	flex-shrink: 2;
	}
#header .itemall.nikk .nikk_title + ul,
#header .itemall.nikk .nikk_link ul{
	flex-grow: 2;
	flex-shrink: 2;
	display: flex;
	flex-wrap: wrap;
	border-left: 1px solid #DCDCDC;
	box-sizing: border-box;
	padding: 0 0 0 1em;
}
#header .itemall.nikk .nikk_title + ul li.allitem a.iconimg00{
    font-size: 100%;
    line-height: 1em;
    border-bottom: 0px;
}
#header .itemall.nikk .nikk_link ul li{
	width:25%;
	margin:0 0 1em;
	}
#header .itemall.nikk .nikk_link ul li a{
	position: relative;
	display: block;
	width:100%;
	padding: 0 1em;
	line-height: 1.5em;
	font-size:100%;
}
#header .itemall.nikk .nikk_link ul li a::before{
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    margin: auto 0;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-top: 2px solid #a0a0a0;
    border-right: 2px solid #a0a0a0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#header .itemall.nikk .nikk_link a span{
	display: inline-block;
	padding:0;
	border:none;
}
#header .itemall.nikk .nikk_link a:hover,
#header .itemall.nikk .nikk_link a:focus,
#header .itemall.nikk .nikk_link a:active{
	border:none;
	color:#a0a0a0;
}
@media only screen and (max-width: 1100px) {
#header .itemall.nikk{
	padding:50px 40px 50px 10px;
	}
#header .mouseon2 .puton .closebtn,
#header .mouseon1 .puton .closebtn{
	right:2%;
	}
}
@media only screen and (max-width: 900px) {/*文字折り返す前に切り替え*/
#header .guide_link li > a {
    letter-spacing: -1px;
}
#header .guide_link li:not(first-child) > a span {
    padding: 0.2em 0.5em;
}
.headmenu_box label span {
    padding: 0.2em 1.5em 0.3em 0.5em;
    letter-spacing: -1px;
}
.headmenu_box input + label + .ya {
    margin: 0 0.5em 0 -1em;
}
	}
@media only screen and (max-width: 768px) {/*スマホ版*/
#header .mouseon1,
#header .mouseon2,
#header .mouseon3{
	display:none;
	}
}

/*ヘッダー検索欄移動*/
.search_1080{
	display:block;
	position:relative;
	width:100%;
	max-width:1080px;
	height:0;
	margin:0 auto;
	}
.search_1080 span.searchbtn{
	position:absolute;
	top:-51px;
	right:0;
	display:block;
	box-sizing: content-box;
	width:66px;
	height:40px;
	margin:5px 0;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	}
.search_1080 span.searchbtn a{
	margin:-5px 0 0;
	display:block;
	width:66px;
	height:50px;
	text-align:center;
	font-size:180%;
	font-weight:400;
	}
.search_1080 span.searchbtn a:hover,
.search_1080 span.searchbtn a:focus,
.search_1080 span.searchbtn a:active{
	background-color:#eaeef0;
	}
.search_1080 #open1{
	position:absolute;
	top:-51px;
	right:0;
	}
.search_1080 #search select {
    border-radius:0 !important;
}
.search_1080 .search .input_search {
	border: 1px solid #ccc;
	background-color:#fff;
	}
@media only screen and (max-width: 768px) {/*スマホ版*/
.search_1080{
	display:none;
	}

}





/*ぱんくず表示*/
.head_pankuz{
	display:block;
	/*background-color:#f5f4f2;*/
	background-color:#F5F7F8;
	border-top:1px solid #e8e7e4;
	font-size:75%;
	padding:0.5em 0;
	}
.head_pankuz .pankuz{
	display:block;
	width:96%;
	max-width:1080px;
	margin:0 auto;
	}
.head_pankuz .pankuz div{
	display:inline-block;
	}
.head_pankuz .pankuz div:not(:first-child){
	padding-left:2em;
	position:relative;
	}
.head_pankuz .pankuz div:not(:first-child)::before{
    content: "＞";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0.5em;
	width:1em;
	height:1em;
	}
.head_pankuz .pankuz div:first-child a,
.head_pankuz .pankuz div:not(:last-child) a{
	color:#007EBE;
}
@media only screen and (max-width: 768px) {/*スマホ版*/
}




/*ご利用ガイド_sp*/
.drawer.sp {
	}
.drawer.sp .head_guide {
	display:none;
}
.drawer.sp .dw_guide{
	display:block;
	}
.drawer.sp .dw_guide a.guide{
	display:block;
	color:#fff;
	background-color:#86021e;
	background-image:url(../img/unishop/icon_wakaba.gif);
	background-size:14px 21px;
	background-position:left 15px center;
	background-repeat:no-repeat;
	box-sizing:border-box;
	padding:0 0 0 3em;
	}
.drawer.sp .dw_guide a.guide:hover {
	background-color:#cf1426;
}


/*topへ戻る*/
.totop{
	position:fixed;
	right:0;
	bottom:0;
	display:block;
	z-index:100;
	}
.totop a{
	display:block;
	}
.totop a.qa img{
	display:block;
	width:260px;
	height:auto;
	}
.chatbtn {
    position: fixed;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 10;
}
.chatbtn {
	width: 50%;
}
.chatbtn img {/*チャットボット起動ボタン*/
    height: auto;
    cursor: pointer;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);

}
.chatbtn img.btnsp{
    display: block;
    width: 100%;
}
.chatbtn img.btnpc{
    display: none;
    width: 260px;
}

.totop.saisun{/*採寸枠*/
	position:fixed;
	right:auto;
	top:auto;
	left:0;
	bottom:0;
	width:50%;
	height:auto;
	display:block;
	z-index:10;
	}
.totop label.saisun{
	display:block;
	width:46px;
	height:auto;
	}
.saisun_right {/*採寸枠クリックで展開*/
    margin: 0;
    padding: 0;
	display: flex;
	flex-direction: row;
	height:auto;
}
.saisun_right label {
    padding:0;
    cursor :pointer;
	color:#cf1426;
	line-height:1;
	text-align:center;
}
.saisun_right label:hover {
}
.saisun_right label img.saipc {
	display:none;
    width: 260px;
    height: 60px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	}
.saisun_right label img.saisp {
    display: block;
    width: 100%;
    height: auto;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}
.saisun_right input {
    display: none;
}
.saisun_right .saisun_show {
	position: absolute;
	bottom:0;
	left:0;
    width: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    /*transition: 0.5s;*/
	background-color:#fff;
	box-sizing:border-box;
	border:none;
	font-size:80%;
}
.saisun_right .saisun_show img.saisp {
    display: block;
    width: 100%;
    height: auto;
	pointer-events: none;
	opacity: 0;
}
.saisun_right input:checked ~ .saisun_show {
    padding: 0 0;
    width:100%;
    opacity: 1;
	z-index:-1;
	border:1px solid #dcdcdc;
}
.saisun_right .saisun_show p{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align:center;
	margin: 0 0;
	}
.saisun_right .saisun_show p span{
	display:block;
	width:50%;
	padding:0.2em 0;
	border-top:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	}
.saisun_right .saisun_show p span:nth-child(1),
.saisun_right .saisun_show p span:nth-child(2){
	border-top:none;
	}
.saisun_right .saisun_show p span:nth-child(odd){
	border-left:none;
	background-color:#a8a8a8;
	color:#fff;
	}
.saisun_right .saisun_show p span.blue{
	color:#e0ffff;
	}
.saisun_right .saisun_show p span.red{
	color:#fed0e0;
	}
@media only screen and (min-width: 768px) {
.chatbtn {
	width: 260px;
	max-width: 260px;
}
.chatbtn img.btnsp{
    display: none;
	}
.chatbtn img.btnpc{
    display: block;
	}
.totop.saisun{/*採寸枠*/
	width:auto;
	max-width: 320px;
    height: auto;
	min-height: 60px;
	}
.saisun_right {
	flex-direction: column;
}
.saisun_right .saisun_show{
	font-size:90%;
	position: relative;
	left:auto;
	bottom:0;
    height: 0;
	}
.saisun_right input:checked ~ .saisun_show {
	width: auto;
	height:auto;
	}
.saisun_right .saisun_show p{
	justify-content: flex-start;
	}
.saisun_right .saisun_show p span{
    width: 25%;
	}
.saisun_right .saisun_show img.saisp {
    display: none;
	}
.saisun_right label {
	width:260px;
    height: 60px;
}
.saisun_right label img.saipc {
    display: block;
	}
.saisun_right label img.saisp,
.saisun_right .saisun_show img.saisp {
    display: none;
	}
}



/*絞り込み機能*/
.sibori{
	display:block;
	margin:0 0 15px;
	padding: 5px 0;
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
}
.sibori h5{
	display: inline-block;
	margin:0;
    padding: 0 10px 0 0;
    height: 35px;
    line-height: 35px;
    font-size: small;
	font-weight: normal;
    color: #525263;
    border-right: 1px solid #DCDCDC;
	box-sizing:border-box;
}
.sibori a{
	display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
	background-color:#fff;
    font-size: small;
    color: #2e3233;
	box-sizing:border-box;
}
/*.sibori a.la{
	background-image:url(../img/unishop/check_off.png),url(../img/unishop/check_f.png);
	background-size:20px 20px,8px 20px;
	background-repeat:no-repeat,no-repeat;
	background-position:left 5px center,left 30px center;
	padding-left:45px;
	}*/
.sibori a.la::before{
	background-color:#f4717e;
}
.sibori a.la::before,
.sibori a.me::before{
	content:"";
	width:14px;
	height:14px;
	border-radius: 7px;
	display: inline-block;
}
.sibori a.me::before{
	background-color:#78a5e8;
	}
/*.sibori a.me{
	background-image:url(../img/unishop/check_off.png),url(../img/unishop/check_m.png);
	background-size:20px 20px,8px 20px;
	background-repeat:no-repeat,no-repeat;
	background-position:left 5px center,left 30px center;
	padding-left:45px;
	}*/
.sibori a.me,
.sibori a.la,
.sibori a.ken{
	background-image:url(../img/unishop/check_off.png);
	background-size:20px 20px;
	background-repeat:no-repeat;
	background-position:left 5px center;
	padding-left:30px;
	}
.sibori a:hover,
.sibori a:focus{
	background-color:#ffeef0;
    color: #cf1426;
	}
.sibori a.la:hover,
.sibori a.la:focus{
	background-color:#f4717e;
	/*background-image:url(../img/unishop/check_off.png),url(../img/unishop/check_fw.png);*/
    	color: #fff;
	}
.sibori a.me:hover,
.sibori a.me:focus{
	background-color:#78a5e8;
	/*background-image:url(../img/unishop/check_off.png),url(../img/unishop/check_mw.png);*/
	color: #fff;
	}
.sibori a.me:hover::before,
.sibori a.me:focus::before,
.sibori a.la:hover::before,
.sibori a.la:focus::before{
	color: #fff;
	}
.sibori a.ken:hover,
.sibori a.ken:focus{
	background-color:#f29721;
	background-image:url(../img/unishop/check_off.png);
	color: #fff;
	}
.sibori a.la.cur{/*女子表示中*/
	background-color:#f4717e;
	background-image:url(../img/unishop/check_on.png);
	/*background-image:url(../img/unishop/check_on.png),url(../img/unishop/check_fw.png);*/
	color: #fff;
	}
.sibori a.me.cur{/*男子表示中*/
	background-color:#78a5e8;
	background-image:url(../img/unishop/check_on.png);
	/*background-image:url(../img/unishop/check_on.png),url(../img/unishop/check_mw.png);*/
	color: #fff;
	}
.sibori a.me.cur::before,
.sibori a.la.cur::before{
	color: #fff;
	}
.sibori a.ken.cur{/*男女兼用表示中*/
	background-color:#f29721;
	background-image:url(../img/unishop/check_on.png);
	color: #fff;
	}
.sibori a.cur{
filter:alpha(opacity=100); /* IE 6,7*/
-ms-filter: "alpha(opacity=100)"; /* IE 8,9 */
-moz-opacity:1.0; /* FF , Netscape */
-khtml-opacity: 1.0; /* Safari 1.x */
opacity:1.0;
	}
.sibori a.cur:hover,
.sibori a.cur:focus{
filter:alpha(opacity=60); /* IE 6,7*/
-ms-filter: "alpha(opacity=60)"; /* IE 8,9 */
-moz-opacity:0.6; /* FF , Netscape */
-khtml-opacity: 0.6; /* Safari 1.x */
opacity:0.6;
	}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
.sibori{
	margin:0 0 30px;
	}
}


/*左カテゴリー,ブロックカテゴリー一覧*/
.block_category{/*ブロックカテゴリー_旧*/
    border-top: 1px solid #c2c2c2;
	padding:0 0 30px;
	}
#header .guide_link .mouseon1 .itemall.nikk li.catelist1{
width:100%;
}
#header .guide_link .mouseon1 .itemall.nikk ul.catelist2{
    flex-grow: 2;
    flex-shrink: 2;
    display: flex;
    flex-wrap: wrap;
    border-left: 1px solid #DCDCDC;
    box-sizing: border-box;
    padding: 0 0 0 1em;
}
#header .guide_link .mouseon1 .itemall.nikk ul.catelist2 ul.child_categories{
    flex-grow: 2;
    flex-shrink: 2;
    display: flex;
    flex-wrap: wrap;
}
#header .guide_link .mouseon1 .itemall.nikk li.catelist1 ul.catelist2{
    border-left: 0px;
    padding: 0;
}
#header .guide_link .mouseon1 .itemall.nikk ul.catelist2 ul.child_categories li,
#header .guide_link .mouseon1 .itemall.nikk ul.catelist2 li{
	width:24%;
}
#header .guide_link .mouseon1 .itemall.nikk ul.catelist2 li{
	padding:0 0 1em;
}
#header .guide_link .mouseon1 .itemall.nikk ul.catelist2 li.top_category{
	padding:0;
}
#header .guide_link .mouseon1 .itemall.nikk ul.catelist2 a.toggle{
	pointer-events: none;
}
#header .guide_link .mouseon1 .itemall.nikk ul.catelist2 a.toggle ~ ul.child_categories{
	padding:1em 0 0;
}
#header .guide_link .mouseon1 .itemall.nikk ul.catelist2 li.allitem ~ li{
	width:100%;
}
#header .itemall.nikk .nikk_title + ul li.allitem a.iconimg00,
#header .guide_link .mouseon1 .itemall.nikk ul.catelist2 li a{
	position: relative;
    font-size: 100%;
    line-height: 1.5em;
    border-bottom:none;
	padding: 0 1em;
    margin: 0;
}
#header .itemall.nikk .nikk_title + ul li.allitem a.iconimg00:hover,
#header .itemall.nikk .nikk_title + ul li.allitem a.iconimg00:focus,
#header .itemall.nikk .nikk_title + ul li.allitem a.iconimg00:active,
#header .guide_link .mouseon1 .itemall.nikk ul.catelist2 li a:hover,
#header .guide_link .mouseon1 .itemall.nikk ul.catelist2 li a:focus,
#header .guide_link .mouseon1 .itemall.nikk ul.catelist2 li a:active{
	color:#a0a0a0;
}

#header .itemall.nikk .nikk_title + ul li.allitem a.iconimg00::before,
#header .guide_link .mouseon1 .itemall.nikk ul.catelist2 li a::before{
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    margin: auto 0;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-top: 2px solid #a0a0a0;
    border-right: 2px solid #a0a0a0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#header .guide_link .mouseon1 .itemall.nikk ul.catelist2 a.toggle::before{
	content: none;
}
#header .guide_link .mouseon1 .itemall.nikk ul.catelist2 li a span {
	display: inline-block;
    border-left: none;
    padding:0;
}

.leftmenu ul{
    border-bottom: 1px solid #dcdcdc;
}
.leftmenu ul li.allitem{/*PC左表示は「全ての商品」を設置しない*/
	display: none;
}
.leftmenu ul li{
	border-top: 1px solid #dcdcdc;
}
.leftmenu ul li.catechild{
    border-top: none;
}
.leftmenu ul li.activ{
	background-color: #f5f7f8;
}
.leftmenu ul li a{
	position: relative;
	display: block;
	font-size: 85%;
	padding:0.5em 0 0.5em 1.8em;
}
.leftmenu ul li a:hover,
.leftmenu ul li a:focus,
.leftmenu ul li a:active{
	background-color: rgba(217,225,228,0.25);
}
.leftmenu ul li a::before{
	content: "";
    position: absolute;
    top: 0;
	bottom:0;
    left: 5px;
    margin: auto 0;
    vertical-align: middle;
    width: 7px;
    height: 7px;
    border-top: 2px solid #a0a0a0;
    border-right: 2px solid #a0a0a0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.leftmenu ul li.catechild a::before{
	content: none;
}
.leftmenu ul ul.child_categories{
	border-bottom: 0px;
	padding:0 0 0 1em;
}
.indexcat{/*カテゴリー配置：index用*/
    border-top: 1px solid #dcdcdc;
	margin:30px auto;
	padding:30px 0 0;
}
.indexcat h4.myn2{
    margin: 0 0 0.5em;

}
.indexcat .catelist2,
.block_category .catlist{/*ブロックカテゴリー*/
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	}
.indexcat .catelist2 a,
.block_category .catlist a{
	display: inline-flex;
	align-items: center;
	font-size: 80%;
	width:49%;
	height:4em;
    border: 1px solid #c2c2c2;
	margin-top:6px;
	margin-right:1%;
	box-sizing:border-box;
	padding-left:40px;
	background-image:none;
	background-size:24px 24px;
	background-position:left 10px center;
	background-repeat:no-repeat;
	background-color:#fff;
    color: #525263;
	}
.indexcat .catelist2 li{
	width:49%;
	margin-top:6px;
	margin-right:1%;
}
.indexcat .catelist2 a{
	width:100%;
}
.indexcat .catelist2 a span,
.block_category .catlist a span{
	display:inline-block;
	}
.indexcat .catelist2 a:hover,
.indexcat .catelist2 a:focus,
.block_category .catlist a:hover,
.block_category .catlist a:focus{
	/*background-color:#cf1426;*/
	background-color:#333E58;
    color: #fff;
	}
.indexcat .catelist2 li ul.child_categories{
	display:none;
	}
.indexcat .catelist2 li ul.child_categories li{
	width:100%;
}
#category h5,
#mypgnav h5{
    padding: 0 0 10px;
    height: 40px;
    line-height: 1.5em;
    color: #525263;
    font-size: 90%;
    font-weight: bold;
	margin:0;
    /*border-top: 3px solid #cf1426;*/
	border-top: none;
    border-bottom: 2px solid #4C4D55;
	}
.category-nav li{
	background-size:24px 24px;
	background-position:left 5px top 8px;
	background-repeat:no-repeat;
	position:relative;
	}
.category-nav li:hover{
	/*color:#cf1426;*/
	color:#282828;
	/*background-color: rgba(255,73,91,0.1);*/
	background-color: rgba(170,186,193,0.1);
	}
.category-nav li a,
.category-nav li a:hover{
	padding-left:35px;
	font-size:small;
	}
.category-nav li a:hover{
	/*color:#cf1426;*/
	color:#282828;
	background-color: transparent;
	}
.category-nav li a.curr,
.category-nav li a.curr:hover{
	/*color:#cf1426;*/
	color:#282828;
	/*background-color: rgba(255,73,91,0.1);*/
	background-color: rgba(170,186,193,0.1);
	}
.category-nav > li a::after{
	z-index:100;
	display:block;
	content:"";
    position: absolute;
    top: 0;
	bottom:0;
    right: 5px;
    margin: auto;
    width: 8px;
    height: 8px;
    /*border-bottom: 2px solid #cf1426;
    border-right: 2px solid #cf1426;*/
    border-bottom: 2px solid #A0A0A0;
    border-right: 2px solid #A0A0A0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    vertical-align: middle;
	}
.category-nav li ul li a::after{
	display:none;
	}
#mypgnav li:hover{
	/*background-color: rgba(255,73,91,0.1);*/
	background-color: rgba(170,186,193,0.1);
	}
#mypgnav li a{
	padding-left:10px;
	}
#mypgnav li a:hover{
	/*color:#cf1426;*/
	color:#282828;
	}
#mypgnav a.active {
	color:#282828;
	/*background-color: rgba(255,73,91,0.1);*/
	background-color: rgba(170,186,193,0.1);
	}
.spbox2 .sublink .catelist2 a.iconimg00,
.indexcat .catelist2 a.iconimg00,
.category-nav li.iconimg00,
.block_category .catlist a.iconimg00{/*全ての商品*/
	background-image:url(../img/unishop/icon_category00.png);
	}
.spbox2 .sublink .catelist2 a.iconimg01set,
.indexcat .catelist2 a.iconimg01set,
.category-nav li.iconimg01set,
.block_category .catlist a.iconimg01set{/*セット商品*/
	background-image:url(../img/unishop/icon_category01set.png);
	}
.spbox2 .sublink .catelist2 a.iconimg01,
.indexcat .catelist2 a.iconimg01,
.category-nav li.iconimg01,
.block_category .catlist a.iconimg01{/*ブレザー*/
	background-image:url(../img/unishop/icon_category01.png);
	}
.spbox2 .sublink .catelist2 a.iconimg02,
.indexcat .catelist2 a.iconimg02,
.category-nav li.iconimg02,
.block_category .catlist a.iconimg02{/*シャツ*/
	background-image:url(../img/unishop/icon_category02.png);
	}
.spbox2 .sublink .catelist2 a.iconimg03,
.indexcat .catelist2 a.iconimg03,
.category-nav li.iconimg03,
.block_category .catlist a.iconimg03{/*スカート*/
	background-image:url(../img/unishop/icon_category03.png);
	}
.spbox2 .sublink .catelist2 a.iconimg04,
.indexcat .catelist2 a.iconimg04,
.category-nav li.iconimg04,
.block_category .catlist a.iconimg04{/*スラックス*/
	background-image:url(../img/unishop/icon_category04.png);
	}
.spbox2 .sublink .catelist2 a.iconimg05,
.indexcat .catelist2 a.iconimg05,
.category-nav li.iconimg05,
.block_category .catlist a.iconimg05{/*カーディガン･ベスト*/
	background-image:url(../img/unishop/icon_category05.png);
	}
.spbox2 .sublink .catelist2 a.iconimg06,
.indexcat .catelist2 a.iconimg06,
.category-nav li.iconimg06,
.block_category .catlist a.iconimg06{/*トレーナー･パーカー*/
	background-image:url(../img/unishop/icon_category13.png);
	}
.spbox2 .sublink .catelist2 a.iconimg07,
.indexcat .catelist2 a.iconimg07,
.category-nav li.iconimg07,
.block_category .catlist a.iconimg07{/*コート*/
	background-image:url(../img/unishop/icon_category06.png);
	}
.spbox2 .sublink .catelist2 a.iconimg08,
.indexcat .catelist2 a.iconimg08,
.category-nav li.iconimg08,
.block_category .catlist a.iconimg08{/*リボン･ネクタイ*/
	background-image:url(../img/unishop/icon_category07.png);
	}
.spbox2 .sublink .catelist2 a.iconimg09,
.indexcat .catelist2 a.iconimg09,
.category-nav li.iconimg09,
.block_category .catlist a.iconimg09{/*ソックス*/
	background-image:url(../img/unishop/icon_category08.png);
	}
.spbox2 .sublink .catelist2 a.iconimg10,
.indexcat .catelist2 a.iconimg10,
.category-nav li.iconimg10,
.block_category .catlist a.iconimg10{/*マフラー*/
	background-image:url(../img/unishop/icon_category09.png);
	}
.spbox2 .sublink .catelist2 a.iconimg11,
.indexcat .catelist2 a.iconimg11,
.category-nav li.iconimg11,
.block_category .catlist a.iconimg11{/*靴･上履*/
	background-image:url(../img/unishop/icon_category10.png);
	}
.spbox2 .sublink .catelist2 a.iconimg12,
.indexcat .catelist2 a.iconimg12,
.category-nav li.iconimg12,
.block_category .catlist a.iconimg12{/*スクールバッグ*/
	background-image:url(../img/unishop/icon_category11.png);
	}
.spbox2 .sublink .catelist2 a.iconimg13,
.indexcat .catelist2 a.iconimg13,
.category-nav li.iconimg13,
.block_category .catlist a.iconimg13{/*体育服*/
	background-image:url(../img/unishop/icon_category12.png);
	}
.spbox2 .sublink .catelist2 a.iconimg14,
.indexcat .catelist2 a.iconimg14,
.category-nav li.iconimg14,
.block_category .catlist a.iconimg14{/*教材*/
	background-image:url(../img/unishop/icon_category14.png);
	}
.spbox2 .sublink .catelist2 a.iconimg15,
.indexcat .catelist2 a.iconimg15,
.category-nav li.iconimg15,
.block_category .catlist a.iconimg15{/*その他*/
	background-image:url(../img/unishop/icon_category15.png);
	}
.spbox2 .sublink .catelist2 a.iconimg16,
.indexcat .catelist2 a.iconimg16,
.category-nav li.iconimg16,
.block_category .catlist a.iconimg16{/*セーラー*/
	background-image:url(../img/unishop/icon_category16.png);
	}
.spbox2 .sublink .catelist2 a.iconimg17,
.indexcat .catelist2 a.iconimg17,
.category-nav li.iconimg17,
.block_category .catlist a.iconimg17{/*詰襟*/
	background-image:url(../img/unishop/icon_category17.png);
	}
.spbox2 .sublink .catelist2 a.iconimg18,
.indexcat .catelist2 a.iconimg18,
.category-nav li.iconimg18,
.block_category .catlist a.iconimg18{/*ベスト*/
	background-image:url(../img/unishop/icon_category18.png);
	}
.spbox2 .sublink .catelist2 a.iconimg19,
.indexcat .catelist2 a.iconimg19,
.category-nav li.iconimg19,
.block_category .catlist a.iconimg19{/*帽子*/
	background-image:url(../img/unishop/icon_category19.png);
	}
.spbox2 .sublink .catelist2 a.iconimg20,
.indexcat .catelist2 a.iconimg20,
.category-nav li.iconimg20,
.block_category .catlist a.iconimg20{/*タブリエ*/
	background-image:url(../img/unishop/icon_category20.png);
	}
.spbox2 .sublink .catelist2 a.iconimg21,
.indexcat .catelist2 a.iconimg21,
.category-nav li.iconimg21,
.block_category .catlist a.iconimg21{/*ネクタイのみ*/
	background-image:url(../img/unishop/icon_category21.png);
	}
.spbox2 .sublink .catelist2 a.iconimg22,
.indexcat .catelist2 a.iconimg22,
.category-nav li.iconimg22,
.block_category .catlist a.iconimg22{/*ニットベスト*/
	background-image:url(../img/unishop/icon_category22.png);
	}
.spbox2 .sublink .catelist2 a.iconimg23,
.indexcat .catelist2 a.iconimg23,
.category-nav li.iconimg23,
.block_category .catlist a.iconimg23{/*ベルト*/
	background-image:url(../img/unishop/icon_category23.png);
	}
.spbox2 .sublink .catelist2 a.iconimg24,
.indexcat .catelist2 a.iconimg24,
.category-nav li.iconimg24,
.block_category .catlist a.iconimg24{/*リボンのみ*/
	background-image:url(../img/unishop/icon_category24.png);
	}

.spbox2 .sublink .catelist2 a.iconimg00:hover,
.spbox2 .sublink .catelist2 a.iconimg00:focus,
.spbox2 .sublink .catelist2 a.iconimg00:active,
.indexcat .catelist2 a.iconimg00:hover,
.indexcat .catelist2 a.iconimg00:focus,
.indexcat .catelist2 a.iconimg00:active,
.block_category .catlist a.iconimg00:hover,
.block_category .catlist a.iconimg00:focus,
.block_category .catlist a.iconimg00:active{/*hoverここから*/
	background-image:url(../img/unishop/icon_category00.png);
	}
.spbox2 .sublink .catelist2 a.iconimg01set:hover,
.spbox2 .sublink .catelist2 a.iconimg01set:focus,
.spbox2 .sublink .catelist2 a.iconimg01set:active,
.indexcat .catelist2 a.iconimg01set:hover,
.indexcat .catelist2 a.iconimg01set:focus,
.indexcat .catelist2 a.iconimg01set:active,
.block_category .catlist a.iconimg01set:hover,
.block_category .catlist a.iconimg01set:focus,
.block_category .catlist a.iconimg01set:active{/*hoverここから*/
	background-image:url(../img/unishop/icon_category01w_set.png);
	}
.spbox2 .sublink .catelist2 a.iconimg01:hover,
.spbox2 .sublink .catelist2 a.iconimg01:focus,
.spbox2 .sublink .catelist2 a.iconimg01:active,
.indexcat .catelist2 a.iconimg01:hover,
.indexcat .catelist2 a.iconimg01:focus,
.indexcat .catelist2 a.iconimg01:active,
.block_category .catlist a.iconimg01:hover,
.block_category .catlist a.iconimg01:focus,
.block_category .catlist a.iconimg01:active{/*hoverここから*/
	background-image:url(../img/unishop/icon_category01w.png);
	}
.spbox2 .sublink .catelist2 a.iconimg02:hover,
.spbox2 .sublink .catelist2 a.iconimg02:focus,
.spbox2 .sublink .catelist2 a.iconimg02:active,
.indexcat .catelist2 a.iconimg02:hover,
.indexcat .catelist2 a.iconimg02:focus,
.indexcat .catelist2 a.iconimg02:active,
.block_category .catlist a.iconimg02:hover,
.block_category .catlist a.iconimg02:focus,
.block_category .catlist a.iconimg02:active{
	background-image:url(../img/unishop/icon_category02w.png);
	}
.spbox2 .sublink .catelist2 a.iconimg03:hover,
.spbox2 .sublink .catelist2 a.iconimg03:focus,
.spbox2 .sublink .catelist2 a.iconimg03:active,
.indexcat .catelist2 a.iconimg03:hover,
.indexcat .catelist2 a.iconimg03:focus,
.indexcat .catelist2 a.iconimg03:active,
.block_category .catlist a.iconimg03:hover,
.block_category .catlist a.iconimg03:focus,
.block_category .catlist a.iconimg03:active{
	background-image:url(../img/unishop/icon_category03w.png);
	}
.spbox2 .sublink .catelist2 a.iconimg04:hover,
.spbox2 .sublink .catelist2 a.iconimg04:focus,
.spbox2 .sublink .catelist2 a.iconimg04:active,
.indexcat .catelist2 a.iconimg04:hover,
.indexcat .catelist2 a.iconimg04:focus,
.indexcat .catelist2 a.iconimg04:active,
.block_category .catlist a.iconimg04:hover,
.block_category .catlist a.iconimg04:focus,
.block_category .catlist a.iconimg04:active{
	background-image:url(../img/unishop/icon_category04w.png);
	}
.spbox2 .sublink .catelist2 a.iconimg05:hover,
.spbox2 .sublink .catelist2 a.iconimg05:focus,
.spbox2 .sublink .catelist2 a.iconimg05:active,
.indexcat .catelist2 a.iconimg05:hover,
.indexcat .catelist2 a.iconimg05:focus,
.indexcat .catelist2 a.iconimg05:active,
.block_category .catlist a.iconimg05:hover,
.block_category .catlist a.iconimg05:focus,
.block_category .catlist a.iconimg05:active{
	background-image:url(../img/unishop/icon_category05w.png);
	}
.spbox2 .sublink .catelist2 a.iconimg06:hover,
.spbox2 .sublink .catelist2 a.iconimg06:focus,
.spbox2 .sublink .catelist2 a.iconimg06:active,
.indexcat .catelist2 a.iconimg06:hover,
.indexcat .catelist2 a.iconimg06:focus,
.indexcat .catelist2 a.iconimg06:active,
.block_category .catlist a.iconimg06:hover,
.block_category .catlist a.iconimg06:focus,
.block_category .catlist a.iconimg06:active{
	background-image:url(../img/unishop/icon_category13w.png);
	}
.spbox2 .sublink .catelist2 a.iconimg07:hover,
.spbox2 .sublink .catelist2 a.iconimg07:focus,
.spbox2 .sublink .catelist2 a.iconimg07:active,
.indexcat .catelist2 a.iconimg07:hover,
.indexcat .catelist2 a.iconimg07:focus,
.indexcat .catelist2 a.iconimg07:active,
.block_category .catlist a.iconimg07:hover,
.block_category .catlist a.iconimg07:focus,
.block_category .catlist a.iconimg07:active{
	background-image:url(../img/unishop/icon_category06w.png);
	}
.spbox2 .sublink .catelist2 a.iconimg08:hover,
.spbox2 .sublink .catelist2 a.iconimg08:focus,
.spbox2 .sublink .catelist2 a.iconimg08:active,
.indexcat .catelist2 a.iconimg08:hover,
.indexcat .catelist2 a.iconimg08:focus,
.indexcat .catelist2 a.iconimg08:active,
.block_category .catlist a.iconimg08:hover,
.block_category .catlist a.iconimg08:focus,
.block_category .catlist a.iconimg08:active{
	background-image:url(../img/unishop/icon_category07w.png);
	}
.spbox2 .sublink .catelist2 a.iconimg09:hover,
.spbox2 .sublink .catelist2 a.iconimg09:focus,
.spbox2 .sublink .catelist2 a.iconimg09:active,
.indexcat .catelist2 a.iconimg09:hover,
.indexcat .catelist2 a.iconimg09:focus,
.indexcat .catelist2 a.iconimg09:active,
.block_category .catlist a.iconimg09:hover,
.block_category .catlist a.iconimg09:focus,
.block_category .catlist a.iconimg09:active{
	background-image:url(../img/unishop/icon_category08w.png);
	}
.spbox2 .sublink .catelist2 a.iconimg10:hover,
.spbox2 .sublink .catelist2 a.iconimg10:focus,
.spbox2 .sublink .catelist2 a.iconimg10:active,
.indexcat .catelist2 a.iconimg10:hover,
.indexcat .catelist2 a.iconimg10:focus,
.indexcat .catelist2 a.iconimg10:active,
.block_category .catlist a.iconimg10:hover,
.block_category .catlist a.iconimg10:focus,
.block_category .catlist a.iconimg10:active{
	background-image:url(../img/unishop/icon_category09w.png);
	}
.spbox2 .sublink .catelist2 a.iconimg11:hover,
.spbox2 .sublink .catelist2 a.iconimg11:focus,
.spbox2 .sublink .catelist2 a.iconimg11:active,
.indexcat .catelist2 a.iconimg11:hover,
.indexcat .catelist2 a.iconimg11:focus,
.indexcat .catelist2 a.iconimg11:active,
.block_category .catlist a.iconimg11:hover,
.block_category .catlist a.iconimg11:focus,
.block_category .catlist a.iconimg11:active{
	background-image:url(../img/unishop/icon_category10w.png);
	}
.spbox2 .sublink .catelist2 a.iconimg12:hover,
.spbox2 .sublink .catelist2 a.iconimg12:focus,
.spbox2 .sublink .catelist2 a.iconimg12:active,
.indexcat .catelist2 a.iconimg12:hover,
.indexcat .catelist2 a.iconimg12:focus,
.indexcat .catelist2 a.iconimg12:active,
.block_category .catlist a.iconimg12:hover,
.block_category .catlist a.iconimg12:focus,
.block_category .catlist a.iconimg12:active{
	background-image:url(../img/unishop/icon_category11w.png);
	}
.spbox2 .sublink .catelist2 a.iconimg13:hover,
.spbox2 .sublink .catelist2 a.iconimg13:focus,
.spbox2 .sublink .catelist2 a.iconimg13:active,
.indexcat .catelist2 a.iconimg13:hover,
.indexcat .catelist2 a.iconimg13:focus,
.indexcat .catelist2 a.iconimg13:active,
.block_category .catlist a.iconimg13:hover,
.block_category .catlist a.iconimg13:focus,
.block_category .catlist a.iconimg13:active{
	background-image:url(../img/unishop/icon_category12w.png);
	}
.spbox2 .sublink .catelist2 a.iconimg14:hover,
.spbox2 .sublink .catelist2 a.iconimg14:focus,
.spbox2 .sublink .catelist2 a.iconimg14:active,
.indexcat .catelist2 a.iconimg14:hover,
.indexcat .catelist2 a.iconimg14:focus,
.indexcat .catelist2 a.iconimg14:active,
.block_category .catlist a.iconimg14:hover,
.block_category .catlist a.iconimg14:focus,
.block_category .catlist a.iconimg14:active{
	background-image:url(../img/unishop/icon_category14w.png);
	}
.spbox2 .sublink .catelist2 a.iconimg15:hover,
.spbox2 .sublink .catelist2 a.iconimg15:focus,
.spbox2 .sublink .catelist2 a.iconimg15:active,
.indexcat .catelist2 a.iconimg15:hover,
.indexcat .catelist2 a.iconimg15:focus,
.indexcat .catelist2 a.iconimg15:active,
.block_category .catlist a.iconimg15:hover,
.block_category .catlist a.iconimg15:focus,
.block_category .catlist a.iconimg15:active{
	background-image:url(../img/unishop/icon_category15w.png);
	}
.spbox2 .sublink .catelist2 a.iconimg16:hover,
.spbox2 .sublink .catelist2 a.iconimg16:focus,
.spbox2 .sublink .catelist2 a.iconimg16:active,
.indexcat .catelist2 a.iconimg16:hover,
.indexcat .catelist2 a.iconimg16:focus,
.indexcat .catelist2 a.iconimg16:active{
	background-image:url(../img/unishop/icon_category16w.png);
	}
.spbox2 .sublink .catelist2 a.iconimg17:hover,
.spbox2 .sublink .catelist2 a.iconimg17:focus,
.spbox2 .sublink .catelist2 a.iconimg17:active,
.indexcat .catelist2 a.iconimg17:hover,
.indexcat .catelist2 a.iconimg17:focus,
.indexcat .catelist2 a.iconimg17:active{
	background-image:url(../img/unishop/icon_category17w.png);
	}
.spbox2 .sublink .catelist2 a.iconimg18:hover,
.spbox2 .sublink .catelist2 a.iconimg18:focus,
.spbox2 .sublink .catelist2 a.iconimg18:active,
.indexcat .catelist2 a.iconimg18:hover,
.indexcat .catelist2 a.iconimg18:focus,
.indexcat .catelist2 a.iconimg18:active{
	background-image:url(../img/unishop/icon_category18w.png);
	}
.spbox2 .sublink .catelist2 a.iconimg19:hover,
.spbox2 .sublink .catelist2 a.iconimg19:focus,
.spbox2 .sublink .catelist2 a.iconimg19:active,
.indexcat .catelist2 a.iconimg19:hover,
.indexcat .catelist2 a.iconimg19:focus,
.indexcat .catelist2 a.iconimg19:active{
	background-image:url(../img/unishop/icon_category19w.png);
	}
.spbox2 .sublink .catelist2 a.iconimg20:hover,
.spbox2 .sublink .catelist2 a.iconimg20:focus,
.spbox2 .sublink .catelist2 a.iconimg20:active,
.indexcat .catelist2 a.iconimg20:hover,
.indexcat .catelist2 a.iconimg20:focus,
.indexcat .catelist2 a.iconimg20:active{
	background-image:url(../img/unishop/icon_category20w.png);
	}
.spbox2 .sublink .catelist2 a.iconimg21:hover,
.spbox2 .sublink .catelist2 a.iconimg21:focus,
.spbox2 .sublink .catelist2 a.iconimg21:active,
.indexcat .catelist2 a.iconimg21:hover,
.indexcat .catelist2 a.iconimg21:focus,
.indexcat .catelist2 a.iconimg21:active{
	background-image:url(../img/unishop/icon_category21w.png);
	}
.spbox2 .sublink .catelist2 a.iconimg22:hover,
.spbox2 .sublink .catelist2 a.iconimg22:focus,
.spbox2 .sublink .catelist2 a.iconimg22:active,
.indexcat .catelist2 a.iconimg22:hover,
.indexcat .catelist2 a.iconimg22:focus,
.indexcat .catelist2 a.iconimg22:active{
	background-image:url(../img/unishop/icon_category22w.png);
	}
.spbox2 .sublink .catelist2 a.iconimg23:hover,
.spbox2 .sublink .catelist2 a.iconimg23:focus,
.spbox2 .sublink .catelist2 a.iconimg23:active,
.indexcat .catelist2 a.iconimg23:hover,
.indexcat .catelist2 a.iconimg23:focus,
.indexcat .catelist2 a.iconimg23:active{
	background-image:url(../img/unishop/icon_category23w.png);
	}
.spbox2 .sublink .catelist2 a.iconimg24:hover,
.spbox2 .sublink .catelist2 a.iconimg24:focus,
.spbox2 .sublink .catelist2 a.iconimg24:active,
.indexcat .catelist2 a.iconimg24:hover,
.indexcat .catelist2 a.iconimg24:focus,
.indexcat .catelist2 a.iconimg24:active{
	background-image:url(../img/unishop/icon_category24w.png);
	}
.category-nav li:nth-child(1) li a,
.category-nav li:nth-child(2) li a,
.category-nav li:nth-child(3) li a,
.category-nav li:nth-child(4) li a,
.category-nav li:nth-child(5) li a,
.category-nav li:nth-child(6) li a,
.category-nav li:nth-child(7) li a,
.category-nav li:nth-child(8) li a,
.category-nav li:nth-child(9) li a,
.category-nav li:nth-child(10) li a,
.category-nav li:nth-child(11) li a,
.category-nav li:nth-child(12) li a,
.category-nav li:nth-child(13) li a,
.category-nav li:nth-child(14) li a,
.category-nav li:nth-child(15) li a,
.category-nav li:nth-child(1) li a,
.category-nav li li a,
.category-nav li li a:hover{
	background-image: none;
	padding-left:0;
	}
.category-nav ul,
#mypgnav ul {
    display: block;
}
.category-nav li,
#mypgnav li{
    border-bottom: 1px solid #c2c2c2;
	}
.category-nav ul{
    border-top: 1px dotted #c2c2c2;
	}
.category-nav ul li{
	margin-left:1em;
    border-bottom: none;
	box-sizing:border-box;
    padding: 0;
	}
.category-nav ul ul,
.category-nav ul ul li,
#mypgnav ul ul,
#mypgnav ul ul li{
    border-top:none;
    border-bottom: none;
	margin:0;
	}
.category-nav a,
#mypgnav a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    color: #525263;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    border-bottom: none;
}
.category-nav ul a,
#mypgnav ul a{
    font-weight: normal;
    height: 36px;
    line-height: 36px;
	}
.category-nav ul a::before{
	content:"－";
    color: #525263;
	display:inline-block;
	width:1em;
	height:1em;
	}
.category-nav ul li a{
    padding-left: 0;
}
.category-nav ul > li > ul > li > a {
    padding-left: 10px;
	}
#mypgnav li a{
	position:relative;
	}
#mypgnav li a::after{
	content:"";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    width: 6px;
    height: 6px;
    /*border-top: 2px solid #cf1426;
    border-right: 2px solid #cf1426;*/
    border-top: 2px solid #A0A0A0;
    border-right: 2px solid #A0A0A0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
	}
@media only screen and (min-width: 480px) {
.indexcat .catelist2 li,
.block_category .catlist a{
	font-size: 90%;
	width:32%;
	}
.indexcat .catelist2 a{
	font-size: 90%;
	}
}
@media only screen and (min-width: 768px) {
.indexcat{/*カテゴリー配置：index用*/
	margin:60px auto;
	padding:60px 0 0;
}
.indexcat .catelist2 li,
.block_category .catlist a{
	width:24%;
	}
}
@media only screen and (min-width: 910px) {
.indexcat .catelist2 li,
.block_category .catlist a{
	width:15.6%;
	}

}

/*カテゴリーしまう挙動*/
.cate_box {
    margin: 0;
    padding: 0;
	z-index:0;
}

.cate_box label {
	background-color:transparent;
    cursor :pointer;
	display:block;
    font-size: small;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    padding-left: 35px;
}
.cate_box label > a{
	background:none;
	}

.cate_box input {
    display: none;
}

.cate_box .cate_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.5s;
}

.cate_box input:checked ~ .cate_show {
    padding: 0;
    height: auto;
    opacity: 1;
}
.cate_box .cate_show + .ya{
	z-index:100;
	display:block;
	content:"";
    position: absolute;
    top: 1em;
    right: 5px;
    margin: auto;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #cf1426;
    border-right: 2px solid #cf1426;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
	}
.cate_box input:checked ~ .cate_show + .ya{
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
	}


/*---カテゴリーを共通表示させる---*/
.indexbox .catelist2 a{

}
.indexbox .catelist2 a:hover,
.indexbox .catelist2 a:focus,
.indexbox .catelist2 a:active{

}


/*個別ブロック*/
.block_banner{/*ブロックバナー*/
	display: flex;
	flex-direction:column;
	justify-content: center;
    border-top: 1px solid #c2c2c2;
	padding:30px 0 0;
	margin:30px 0 0;
	}
#main_bottom .block_banner:first-child{
    border-top: none;
	padding:0;
	margin:30px 0 30px;
}
.block_banner a,
.block_banner div{
	width:100%;
	max-width:272px;
	margin:0 auto 0.5em;
    border: 1px solid #dcdcdc;
	box-sizing:border-box;
	}
.block_banner a img,
.block_banner div img{
	display:block;
	width:100%;
	max-width:272px;
	height:auto;
	margin:0 auto;
	}
.block_banner div img.sp,
.block_banner a img.sp{
	display:block;
	}
.block_banner div img.pc,
.block_banner a img.pc{
	display:none;
	}
.block_banner.logout{
}
.block_banner.logout a,
.block_banner.logout div{
	max-width:520px;
}
.block_banner a img,
.block_banner div img{
	max-width:520px;
}
@media only screen and (min-width: 480px) {
.block_banner{/*ブロックバナー*/
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	padding:30px 0 0;
	}
#main_bottom .block_banner:first-child{
	margin:30px 0 60px;
}
.block_banner div img.sp,
.block_banner a img.sp{
	display:none;
	}
.block_banner div img.pc,
.block_banner a img.pc{
	display:block;
	}
}
@media only screen and (min-width: 768px) {
.block_banner{/*ブロックバナー*/
	flex-wrap: nowrap;
	}
.block_banner.logout{
	justify-content: space-between;
}
.block_banner.logout a,
.block_banner.logout a:first-child,
.block_banner.logout div{
	width:48%;
	margin:0;
	}
.block_banner a,
.block_banner a:first-child,
.block_banner div{
	width:auto;
	margin:0;
	}
.block_banner a:not(first-child),
.block_banner div:nth-child(3){
	margin:0 0 0 1em;
	}
.block_banner.logout a:not(first-child),
.block_banner.logout div:nth-child(3){
	margin:0;
	}
.block_banner a img,
.block_banner div img{
	margin:0;
	}
}

/*新着情報/お知らせ：news.twig*/
#news_area {
    margin-bottom: 32px;
    border-top: 1px solid #c2c2c2;
    background: none;
}
#news_area.nikk{
	display: flex;
	flex-direction: column;
    border-top: none;
	margin: 30px 0 30px;
}
#news_area.nikk h4{
	flex-grow: 0;
	flex-shrink: 0;
	width:100%;
    margin: 0 0 0.5em;
	text-align: center;
}
#news_area.nikk .accordion{
	flex-grow: 2;
	flex-shrink: 2;
}
.newslist {
    border-bottom: 1px dotted #c2c2c2;
}
.news_contents + .block_category{
    padding: 30px 0 0;
	margin:30px 0 30px;
	}
.news_contents + .block_category h4.myn2{
    margin: 0 0 0.5em;
}
@media only screen and (min-width: 768px) {
#news_area.nikk{
	flex-direction: row;
	margin: 30px 0 60px;
}
#news_area.nikk h4{
	width:250px;
	padding:0 0.5em 0 0;
	text-align: left;
}
.news_contents {
    padding: 0;
	}
.news_contents + .block_category{
    padding: 60px 0 0;
	margin:60px 0 60px;
	}
}


	/*フッターここから*/
/*フッター_logo*/
.theme_side_left #footer .container-fluid.inner{
	display:block;
	}
.footer_logo{
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin:2em auto 1em;
	width:100%;
	max-width:1080px;
	}
.footer_logo .logo{
	margin:0 0 1em 0;
	}
.footer_logo .logo img{
	display:block;
	width:100%;
	max-width:174px;
	height:auto;
	margin:0;
	}
.footer_logo .tel{
	width:80%;
	margin:0 auto;
	flex-shrink:0;
	}
.footer_logo .tel p{
	margin:0;
	font-size:small;
	}
.footer_logo .tel p.line{
	margin:0 0 0.5em;
	}
.footer_logo .tel .cols{
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	}
.footer_logo .tel .cols p.ban{
	position:relative;
	padding-top:5px;
	padding-left:24px;
	padding-right:0;
	font-size:180%;
	font-weight:bold;
	line-height:1em;
	color:#000;
	}
.footer_logo .tel .cols p.ban::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	margin:auto 0;
	background-image:url(../img/unishop/tel_footer.gif);
	background-size:23px 23px;
	background-repeat:no-repeat;
	width:23px;
	height:23px;
	}
#footer .footer_nikk{
	 display: flex;
	flex-direction: column;
	justify-content: center;
	width:100%;
	max-width: 620px;
	margin: 0 auto 30px;
}
#footer .footer_nikk .call,
#footer .footer_nikk .mail{
	width:100%;
	max-width: 300px;
	background-repeat:no-repeat;
	margin: 0 auto;
}
#footer .footer_nikk .call{
	padding: 0 0 15px 60px;
	background-image:url(../img/nikke/footer_call.gif);
	background-position:top left;
	background-size:48px 48px;
}
#footer .footer_nikk .mail{
	border-top:1px solid #DCDCDC;
	padding: 15px 0 0 60px;
	background-image:url("../img/nikke/footer_mail.gif");
	background-position:top 15px left;
	background-size:48px 37px;
}
#footer .footer_nikk p{
	margin: 0;
}
#footer .footer_nikk .call p:first-child,
#footer .footer_nikk .mail p:first-child{
	font-weight: bold;
	font-size: 90%;
}
#footer .footer_nikk .call p:nth-child(2){
	font-size: x-large;
	font-weight: bold;
}
#footer .footer_nikk .call p:nth-child(3){
	font-size: small;
}
#footer .footer_nikk .def_button1,
#footer .footer_logo .tel .cols .def_button1{
	margin:1em auto 0;
    background-color: #333e58;
}
#footer .footer_nikk .def_button1{
	margin:0.5em auto 0;
}
#footer .footer_nikk .def_button1 .eff-down,
#footer .footer_logo .tel .cols .def_button1 .eff-down{
    background: #747c8d;
}
#footer .footer_nikk .def_button1 a,
#footer .footer_logo .tel .cols .def_button1 a{
	color:#fff;
	font-size:small;
	}
#footer .footer_nikk .mail .def_button1::after {
    width: 7px;
    height: 7px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
}
#footer .footer_nikk .mail .def_button1 a{
    padding: 0;
}
@media only screen and (min-width: 768px) {
.footer_logo{
	flex-direction: row;
	margin:2em auto 2em;
	}
.footer_logo .logo{
	margin:0 1em 0 0;
	}
.footer_logo .tel{
	width:auto;
	margin:0;
	}
.footer_logo .tel .cols{
	flex-direction: row;
	}
.footer_logo .tel .cols p.ban{
	padding-right:1em;
	}
#footer .footer_logo .tel .cols .def_button1{
	margin:0 auto 0;
	}
#footer .footer_nikk{
	flex-direction: row;
}
#footer .footer_nikk .call,
#footer .footer_nikk .mail{
	width:auto;
	max-width: inherit;
	margin: 0;
	}
#footer .footer_nikk .call{
	padding:0 30px 0 60px;
	}
#footer .footer_nikk .mail{
	background-position:top left 30px;
	padding:0 0 0 90px;
	border-top:none;
	border-left:1px solid #DCDCDC;
	}
}
@media only screen and (min-width: 910px) {
.footer_logo .logo{
	margin:0 3em 0 0;
	}
}

/*フッター_link*/
#footer a{
	color:#282828;
	}
#footer a:hover,
#footer a:focus{
	/*color:#cf1426;*/
	color:#747c8d;
	}
.footer_link{
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	justify-content: center;
	margin:0 auto 1em;
	padding:1em 0;
	width:100%;
	max-width:1080px;
	border-top: solid 1px #c2c2c2;
	}
.footer_link h5{
	font-size: medium;
	font-weight:bold;
	border-bottom: solid 1px #c2c2c2;
	padding-bottom:0.5em;
	margin-bottom:0.5em;
	color:#000;
	}
#footer .footer_link .block1 ul,
#footer .footer_link .block2 ul,
#footer .footer_link ul,
#footer .footer_link ul li{
	text-align:left;
	}
#footer .footer_link ul li{
	display: inline-block;
	margin:0 1em 0.5em 0;
	font-size: small;
	}
.footer_link .block1,
.footer_link .block2{
	width:100%;
	}
.footer_link .block1 span,
.footer_link .block2 span{
	display:inline-block;
	}
#footer .footer_link .block2 ul ul.child_categories,
#footer .footer_link .block2 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	flex-direction: row;
	justify-content: space-between;
	}
#footer .footer_link .block2 ul li{
	margin:0 0 0.5em 0;
	width:50%;
	}
#footer .footer_link .block2 ul li.top_category{
	width:100%;
}
#footer .footer_link .block2 ul ul.child_categories li{
	margin:0.5em 0 0 0;
	padding:0 0 0 0.5em;
	width:50%;
	}
@media only screen and (min-width: 480px) {
.footer_link h5{
	padding-bottom:1em;
	margin-bottom:1em;
	}
}
@media only screen and (min-width: 768px) {
.footer_link{
	flex-direction: row;
	justify-content: space-between;
	}
.footer_link .block1{
	width:18%;
	}
.footer_link .block2{
	width:38%;
	}
#footer .footer_link ul li{
	display:block;
	margin:0 0 1em 0;
	}
}
/*フッター_copyright*/
.footer_copy{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin:0 auto;
	padding-top:2em;
	width:100%;
	max-width:1080px;
	font-size:80%;
	border-top: solid 1px #c2c2c2;
	}
.footer_copy p{
	margin:0;
	}
.footer_copy p.copy{
	font-size:70%;
	}
.footer_copy p:first-child{
	margin:0 0 1em;
	}
.footer_copy p.official{
	text-align: left;
	}
.footer_copy p.official a{
	position:relative;
	display: block;
	/*padding-right:1.5em;*/
	margin-right:0;
	margin-bottom:0.5em;
	}
/*.footer_copy p.official a:first-child::after{
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	margin:auto 0;
	background-image:url(../img/unishop/linkblank.gif);
	background-size:13px 10px;
	background-repeat:no-repeat;
	width:13px;
	height:10px;
	}*/
/*.footer_copy p.official a:not(:first-child)::after{
    content: "";
    position: absolute;
	top:0;
	right:0;
	bottom:0;
	margin:auto 0;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    /*border-top: 1px solid #cf1426;
    border-right: 1px solid #cf1426;*/
	/*border-top: 1px solid #a0a0a0;
    border-right: 1px solid #a0a0a0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}*/
@media only screen and (min-width: 768px) {/*pc版*/
.footer_copy{
	flex-direction: row;
	justify-content: space-between;
	}
.footer_copy p:first-child{
	margin:0;
	}
.footer_copy p.copy{
	font-size:80%;
	}
.footer_copy p.official{
	}
.footer_copy p.official a{
	display: inline-block;
	margin-right:2em;
	margin-bottom:0;
	}
}

/*フッター_ページtop*/
#footer .toplink{
	position:absolute;
	left:0;
	right:0;
	bottom:100%;
	width:100%;
    max-width: 1080px;
	margin:0 auto;
	}
#footer .toplink a.pgtop{
	display: block;
	width:9em;
	margin-left:auto;
	padding:0.5em 1.5em 0.5em 1em;
	font-size:small;
	background-color:#f8f8f8;
	}

#footer .toplink a.pgtop::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1em;
    margin: auto;
    width: 8px;
    height: 8px;
    /*border-top: 2px solid #cf1426;
    border-left: 2px solid #cf1426;*/
	border-top: 2px solid #333E58;
    border-left: 2px solid #333E58;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
}


/*会員情報*/
.change_all .col-md-10,
.change_all .col-sm-10,
.deli_all .col-md-10{
    padding-left: 0;
    padding-right: 0;
    width: 100%;
	}
.change_all .col-md-offset-1,
.change_all .col-sm-offset-1,
.deli_all .col-md-offset-1{
    margin: 0 auto;
	}
.change_all .row,
.deli_all .row{
	margin:0;
	}
.change_all .message {
    border-bottom: none;
    margin-bottom: 0;
	}
.change_all .message p{
	font-size:small;
	}
.change_all .message p span{
	display:inline-block;
	}
.row .chbtn,
.historylist_column .chbtn,
.deli_all .chbtn{
    /*color: #cf1426;*/
    color: #333e58;
    background-color: #fff;
    /*border: 2px solid #cf1426;*/
	border: 2px solid #333e58;
	box-sizing:border-box;
 	 transition: all .3s;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	padding:5px;
	font-size:90%;
	}
.row .chbtn:hover,
.row .chbtn:focus,
.row .chbtn:active,
.historylist_column .chbtn:hover,
.historylist_column .chbtn:focus,
.historylist_column .chbtn:active,
.deli_all .chbtn:hover,
.deli_all .chbtn:focus,
.deli_all .chbtn:active{
	color: #fff;
    /*background-color: #cf1426;*/
    background-color: #333e58;
	}
.row .danger_btn,
.historylist_column .danger_btn,
.deli_all .danger_btn{
	color: #CF1426;
	background-color: #fff;
	border: 2px solid #CF1426;
	box-sizing:border-box;
	transition: all .3s;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	padding:5px;
	font-size:90%;
	width: 90px;
	text-align: center;
}
.row .danger_btn:hover,
.row .danger_btn:focus,
.row .danger_btn:active,
.historylist_column .danger_btn:hover,
.historylist_column .danger_btn:focus,
.historylist_column .danger_btn:active,
.deli_all .danger_btn:hover,
.deli_all .danger_btn:focus,
.deli_all .danger_btn:active{
	color: #fff;
	background-color: #CF1426;
}
.total_amount .def_btn:hover,
.total_amount .def_btn:focus,
.total_amount .def_btn:active{
	color: #fff;
	}
.local_nav.uninav ul{
	border:none;
	display: flex;
	justify-content:flex-start;
	flex-wrap: wrap;
	}
.local_nav.uninav li {
	border:none;
    float: none;
    width: 48%;
	margin:0 1% 2%;
	}
.local_nav.uninav li a {
	display:block;
	box-sizing:border-box;
	/*border:1px solid #cf1426;*/
	border:1px solid #DCDCDC;
    padding: 16px 0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	/*color: #cf1426;*/
	color: #282828;
}
.local_nav.uninav ul li a.active,
.local_nav.uninav li.active {
	/*background-color: rgba(255,73,91,0.1);*/
    background-color: rgba(170,186,193,0.1);
	}
.local_nav.uninav li.active a {
	/*color: #cf1426;*/
	color: #282828;
}
.local_nav.uninav li a:hover,
.local_nav.uninav li a:focus,
.local_nav.uninav li a:active {
	/*background-color: rgba(255,73,91,0.1);*/
    background-color: rgba(170,186,193,0.1);
}
.local_nav.uninav li a img{
	display:block;
	width:100%;
	max-width:80px;
	height:auto;
	margin:0 auto 0.5em;
	}
.local_nav.uninav ul li a{
    padding: 16px 0 16px 55px;
    background-size: 40px 40px;
    background-position: left 10px center;
    background-repeat: no-repeat;
	text-align:left;
	}
.local_nav.uninav ul li:nth-child(1) a{
    background-image: url(../img/unishop/mypg_icon05.png);
}
.local_nav.uninav ul li:nth-child(2) a{
    background-image: url(../img/unishop/mypg_icon01.png);
}
.local_nav.uninav ul li:nth-child(3) a{
    background-image: url(../img/unishop/mypg_icon02.png);
}
.local_nav.uninav ul li:nth-child(4) a{
    background-image: url(../img/unishop/mypg_icon03.png);
}
.local_nav.uninav ul li:nth-child(5) a{
    background-image: url(../img/unishop/mypg_icon06.png);
}
nav#mypgnav{
	display:none;
	}
nav#mypgnav.guidenav{
	display: block;
	}
.mypg_hissu{/*マイページ必須アイテム状況*/
	}
.mypg_hissu ul{
	font-size: small;
	}
.mypg_hissu li{
	}
.mypg_hissu li a{
	color: #cf1426;
	text-decoration:underline;
	}
.mypg_hissu li a:hover,
.mypg_hissu li a:focus{
	color: #cf1426;
	text-decoration:none;
	}
.mypg_hissu li span.maru{
	display: inline-block;
	color:#fff;
	}
.change_all .btn_group p:first-child{
	text-align:center;
	margin:0;
	}
.change_all .btn_group p a{
	color: #cf1426;
	text-decoration:underline;
	}
.change_all .btn_group p a:hover,
.change_all .btn_group p a:focus{
	color: #cf1426;
	text-decoration:none;
	}
@media only screen and (min-width: 768px) {/*pc版*/
.change_all .message p{
	font-size: medium;
	}
.local_nav.uninav li {
    width: 18%;
	margin:0 1%;
	}
.local_nav.uninav ul li a{
    padding: 100px 0 16px;
    background-size: 80px 80px;
    background-position: top 16px center;
	text-align:center;
	}
nav#mypgnav{
	display:block;
	}
.guidenav{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
    display: block;
    margin: 0;
	}
.mypg_hissu ul{
	font-size:90%;
	}
}


/*会員情報_採寸欄*/
.saisun_box{
	display: flex;
	flex-direction:column;
	flex-wrap: wrap;
	justify-content: space-between;
	}
.saisun_box .sai_item{
	display: block;
	width:100%;
	}
.saisun_box .sai_item{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	width:100%;
	margin-bottom:0.5em;
	}
.saisun_box .sai_item div{
	display: inline-block;
	}
#detail_box__company_name dt p{
	font-size: 90%;
	vertical-align: middle;
	margin:0 auto 0;
	line-height:1.3;
	}
#detail_box__company_name dt p span{
	display:inline-block;
	}
#detail_box__company_name dt p > span:first-child{
	margin-right:1em;
	}
#detail_box__company_name dt p span.blue,
#detail_box__company_name dt p span.red{
	font-size: x-large;
	vertical-align: text-bottom;
	}
#detail_box__company_name dt span.blue,
.saisun_box .sai_item div span.blue{
	color:#659AE9;
	}
#detail_box__company_name dt span.red,
.saisun_box .sai_item div span.red{
	color:#F4717E;
	}
.saisun_box .sai_item div:first-child{
	display: inline-block;
	width: 5.5em;
	flex-shrink: 0;
	flex-grow: 0;
    vertical-align: middle;
	text-align:right;
	padding-right:0.5em;
	letter-spacing:-1px;
	}
.saisun_box .sai_item div:first-child label{
	font-weight:bold;
	}
.saisun_box .sai_item div:not(:first-child){
	flex-shrink: 1;
	flex-grow: 2;
	}
.saisun_box .sai_item input{
    width: 100%;
	text-align:right;
}
.saisun_box .sai_item div.tani{
	flex-shrink: 0;
	flex-grow: 0;
	width:2em;
	text-align:right;
	}
.saisun_lm{/*採寸_図*/
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
    border-top: 1px dotted #ccc;
	margin:0 0 1em;
	}
.saisun_lm .box_btn{
	position:relative;
	width:48%;
	display:block;
	color:#fff;
	text-align:center;
	font-size: 90%;
	font-weight:normal;
	margin:1em 0 0;
	box-sizing:border-box;
	padding:5px 0;
	background-color:#999;
	}
.saisun_lm .box_btn.col_la.active,
.saisun_lm .box_btn.col_me.active{
	pointer-events: none;
	}
.saisun_lm .box_btn.col_la.active::after,
.saisun_lm .box_btn.col_me.active::after{
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border: 6px solid transparent;
	}
.saisun_lm .box_btn.col_la.active::after{
    border-top: 6px solid #f47183;
	}
.saisun_lm .box_btn.col_me.active::after{
    border-top: 6px solid #639ce1;
	}
.saisun_lm .box_btn.col_la.active,
.saisun_lm .box_btn.col_la:hover,
.saisun_lm .box_btn.col_la:focus,
.saisun_lm .box_btn.col_la:active{
	background-color:#f47183;
	}
.saisun_lm .box_btn.col_me.active,
.saisun_lm .box_btn.col_me:hover,
.saisun_lm .box_btn.col_me:focus,
.saisun_lm .box_btn.col_me:active{
	background-color:#639ce1;
	}
.saisun_lm .box_la,
.saisun_lm .box_me{
	width:100%;
	}
.saisun_lm .box_la{
	display:block;
	}
.saisun_lm .box_me{
	display:none;
	}
.saisun_lm .box_la h5,
.saisun_lm .box_me h5{
	display:block;
	text-align:center;
	font-size: 90%;
	font-weight:normal;
	color:#fff;
	margin:1em 0;
	box-sizing:border-box;
	padding:5px 0;
	}
.saisun_lm .box_la h5{
	background-color:#f47183;
	}
.saisun_lm .box_me h5{
	background-color:#639ce1;
	}
.saisun_lm .box_la img,
.saisun_lm .box_me img{
	display:block;
	width:100%;
	max-width:413px;
	height:auto;
	margin:0 auto;
	}
@media only screen and (min-width: 768px) {/*pc版*/
.saisun_box{
	flex-direction: row;
	}
.saisun_box .sai_item{
	width:48%;
	}
}

/*商品一覧*/
.item_gallery .pickup_item{
	position:relative;
	}
.tagicon,
.product_tag .tagicon,
.pickup_item .tagicon,
#item_list .tagicon{/*タグアイコン*/
	position:absolute;
	bottom:1em;
	right:0;
	display:block;
	width:5em;
	padding:2px 0.3em;
	box-sizing:border-box;
	color:#fff;
	font-size:small;
	text-align:center;
	pointer-events: none;
}
.tagicon.la,
.product_tag .tagicon.la,
.pickup_item .tagicon.la,
#item_list .tagicon.la{/*タグ：女子*/
	background-color:#f4717e;
}
.tagicon.me,
.product_tag .tagicon.me,
.pickup_item .tagicon.me,
#item_list .tagicon.me{/*タグ：男子*/
	background-color:#78a5e8;
}
.tagicon.ken,
.product_tag .tagicon.ken,
.pickup_item .tagicon.ken,
#item_list .tagicon.ken{/*タグ：男女兼用*/
	background-color:#f29721;
}
.cateicon,
.product_tag .cateicon,
.pickup_item .cateicon,
#item_list .cateicon{/*カテゴリアイコン*/
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:auto;
	padding:2px 0.8em;
	box-sizing:border-box;
	color:#fff;
	font-size:small;
	text-align:center;
	pointer-events: none;
	background-color:#c9aa82;
}
.cateicon2,
.product_tag .cateicon2,
.pickup_item .cateicon2,
#item_list .cateicon2,
.cateicon3,
.product_tag .cateicon3,
.pickup_item .cateicon3,
#item_list .cateicon3{/*購入必須・必須選択・希望タグ*/
	position:absolute;
	position: relative;
	bottom:1em;
	left:0;
	display:block;
	width:auto;
	padding:2px 0.5em;
	box-sizing:border-box;
	font-size:small;
	text-align:center;
	pointer-events: none;
	border:1px solid #cf1426;
	color:#cf1426;
	background-color:#fff;
}
.cateicon3,
.product_tag .cateicon3,
.pickup_item .cateicon3,
#item_list .cateicon3{
	border:1px solid #c9aa82;
	color:#c9aa82;
	}
#cart_area .tagicon,
#cart_area .cateicon,
#cart_area .cateicon2,
#cart_area .cateicon3,
#cart_box .tagicon,
#cart_box .cateicon,
#cart_box .cateicon2,
#cart_box .cateicon3,
.product_tag .tagicon,
.product_tag .cateicon,
.product_tag .cateicon2,
.product_tag .cateicon3{
	position:relative;
	display:inline-block;
	top: auto;
	left: auto;
	bottom: auto;
	right: auto;
	}
#topicpath{
	border-top: none;
    border-bottom: 2px solid #4C4D55;
}
#topicpath ol {
    border-bottom:none;
	}
#topicpath ol li{
    padding-top: 0;
    padding-bottom: 0;
}
#topicpath li:not(:last-child) a {
	color:#007EBE;
	text-decoration: none;
}
#topicpath li:not(:last-child) a:hover,
#topicpath li:not(:last-child) a:focus,
#topicpath li:not(:last-child) a:active{
	text-decoration: underline;
}
#item_list .cateicon2,
#item_list .cateicon3,
#item_list .tagicon{
	position:relative;
	display:inline-block;
	margin: 0 0 0.5em;
    bottom: 0;
	border:0;
}
#item_list .item_name,
#item_list .item_price {
	font-size: small;
}
#item_list .item_name {
	font-weight: bold;
}
#item_list .item_price {


	font-weight: normal;
}
.product_item {
    margin-bottom:2em;
}
.product_page .product_item {
    padding-bottom: 0;
}
@media only screen and (min-width: 768px) {/*pc版*/
#topicpath {
    padding: 0;
	margin-left: 0;
    margin-right: 0;
	}
#topicpath ol {
    padding-top: 0;
    padding-bottom: 0.7em;
    /*border-bottom: 1px solid #ccc;*/
	}
#topicpath ol li{
    padding-top: 0;
    padding-bottom: 5px;
}
#item_list .item_name,
#item_list .item_price {
	font-size: 90%;
	}
}

/*ログイン前ページ*/
.login_all{/*ログイン前のページ*/
	display:block;
	width:100%;
	margin:1em auto 0;
	padding:2em;
	background-image:url(../img/unishop/unimall_bg01.gif);
	background-size:120px 120px;
	background-repeat:repeat;
	background-position:left top;
	box-sizing:border-box;
	}
.login_all #main{
	margin:0 auto;
	}
.login_box{
	display:block;
	width:100%;
	max-width:660px;
	margin:2em auto;
	padding:2em;
	box-sizing:border-box;
	background-color:#fff;
	text-align:center;
	}
.login_box.login{
	width:90%;
	padding:1em;
	}
.shoplogin_box h2,
.login_box h2{
	/*color:#cf1426;*/
	color:#282828;
	margin:0 0 20px;
	padding:0 0 15px;
	font-size:x-large;
	font-weight: normal;
	border-bottom:1px solid #dadada;
	}
.login_box h3{
	margin:0 auto 1em;
	}
.login_box .def_button2{
	margin-top:20px
	}
.login_box p{
	font-size:80%;
	line-height:2;
	}
.login_box h2 span,
.login_box h3 span,
.login_box p span{
	display:inline-block;
	}
.login_box .row{
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
	}
.login_box .col-md-10.col-md-offset-1{
    float: none;
    width: 100%;
	margin:0 auto;
	padding:0;
	}
@media only screen and (min-width: 768px) {/*pc版*/
.login_all{
	margin:0 auto 0;
	padding:120px 2em;
	background-size:240px 240px;
	}
.login_box.login{
	width:90%;
	padding:2em;
	}
#login_box .column {
    padding: 0;
}
.shoplogin_box h2,
.login_box h2{
	margin:0 0 30px;
	padding:0 0 20px;
	font-size:xx-large;
	}
.login_box .def_button2{
	margin-top:30px
	}
}

/*ログイン認証ページ*/
.login_box .container-fluid,
.login_box #login_box{
	padding:0;
	}
.login_box .page-heading {
    border-top:none;
    border-bottom: 1px solid #ccc;
	margin:0 auto;
	}
#login_box .column {
    background: none;
	}
.login_box #login_box .column .form-group {
    padding: 8px 0 8px 0;
}
.login_box #login_box .column .btn_area  {
    padding: 0;
}
.login_box #login_box .column .btn_area p,
.login_box #login_box .column .btn_area ul {
    float:none;
	margin:0 auto;
	}
.shoplogin_box a.forgot,
.login_box #login_box .column .btn_area .forgot{
	display:inline-block;
	position: relative;
	padding:0 2em 0 0;
	box-sizing:border-box;
	font-size:small;
	text-align:left;
	/*color:#cf1426;*/
	color:#007EBE;
	text-decoration: underline;
	}
.shoplogin_box a.forgot span,
.login_box #login_box .column .btn_area .forgot span{
	display:inline-block;
	text-decoration: underline;
	}
.shoplogin_box a.forgot::after,
.login_box #login_box .column .btn_area .forgot::after{
	display: block;
	z-index:5;
	content: "";
	position: absolute;
	top: 0;
	bottom:0;
	right: 10px;
	width: 10px;
	height: 10px;
	margin: auto;
	/*border-top: solid 2px #cf1426;
	border-right: solid 2px #cf1426;*/
	border-top: solid 2px #007EBE;
	border-right: solid 2px #007EBE;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.shoplogin_box a.forgot:hover,
.shoplogin_box a.forgot:focus,
.login_box #login_box .column .btn_area .forgot:hover,
.login_box #login_box .column .btn_area .forgot:focus{
	text-decoration: none;
	}
.shoplogin_box a.forgot:hover span,
.shoplogin_box a.forgot:focus span,
.login_box #login_box .column .btn_area .forgot:hover span,
.login_box #login_box .column .btn_area .forgot:focus span{
	text-decoration: none;
	}
.shoplogin_box a.forgot:hover::after,
.shoplogin_box a.forgot:focus::after,
.login_box #login_box .column .btn_area .forgot:hover::after,
.login_box #login_box .column .btn_area .forgot:focus::after{
	/*border-top: solid 2px #f4717e;
	border-right: solid 2px #f4717e;*/
	border-top: solid 2px #007EBE;
	border-right: solid 2px #007EBE;
	}
.login_box #login_box .column .btn_area .def_button3{
	margin-bottom:1em;
	outline: none;
	}
.login_box #login_box .checkbox label{
	margin-top:1em;
	font-size:85%;
	}


/*商品一覧-詳細*/
#item_detail{
	border-bottom: solid 1px #DCDCDC;
	padding: 0 0 15px;
}
#result_info_box{
	padding: 0.7em 0 0;
	margin: 0 0 15px;
}
#result_info_box ul,
#result_info_box ul li select,
#result_info_box form p,
#result_info_box form div{
	font-size: 90%;
	padding: 0;
	margin: 0;
}
#result_info_box ul li select{
	font-size:110%;
    height: 2em;
}
#item_detail_area .item_name {
	font-size:large;
	font-weight:bold;
	margin:10px auto;
    color: #282828;
	}
#item_detail_area .item_detail .sale_price {
    font-size: large;
	font-weight: normal;
    color: #282828;
	box-sizing:border-box;
	padding:0 0 1em 0;
	border-bottom:1px solid #dcdcdc;
}
#item_detail_area .item_detail .sale_price .small {
    font-size: x-small;
	}
#item_photo_area .slick-list {
	box-sizing:border-box;
	border:1px solid #dcdcdc;
}
@media only screen and (min-width: 768px) {/*pc版*/
#result_info_box{
	margin: 0 0 30px;
}
#item_detail_area .item_name {
	font-size:x-large;
	}
#item_detail_area .item_detail .sale_price .small {
    font-size: small;
	}
#item_photo_area .slick-dots {
    position: relative;
    bottom: 0;
    margin: 0;
}
#item_photo_area .slick-dots li {
    width: 18%;
    height: auto;
    padding: 0;
    margin: 20px 1% 0 0;
	box-sizing:border-box;
	border:1px solid #dcdcdc;
	}
}


.text-danger{
    color: #CF1426;
	}
.btn_area {
	position:relative;
	}
.btn_area .def_button4{
	background-image:url(../img/unishop/icon_cartw.png);
	background-size:31px 28px;
	background-position:left 20px center;
	background-repeat:no-repeat;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	}
.btn_area .def_button5{
	background-image:url(../img/unishop/icon02_red.gif);
	background-size:30px 30px;
	background-position:left 22px center;
	background-repeat:no-repeat;
    background-color: #fff;
    border: 1px solid #DCDCDC;
	}
.btn_area .def_button5.ck{
	background-image:url(../img/unishop/icon02b_red.gif);
	background-size:30px 30px;
	background-position:left 22px center;
	background-repeat:no-repeat;
    background-color: #fff;
    border: 1px solid #DCDCDC;
	}
.btn_area .def_button5:hover,
.btn_area .def_button5:focus,
.btn_area .def_button5.ck:hover,
.btn_area .def_button5.ck:focus{
	background-color: #f0f0f0;
}
a.detail{
	color: #cf1426;
	text-decoration:underline;
	}
	a.detail:hover,
	a.detail:focus,
	a.detail:active{
	text-decoration: none;
    }



/*--商品詳細--*/
.classcategory_list span{
	display:inline-block;
	font-size:small;
	}
.classcategory_list li.kikaku_link{
	background-color: #EAEEF0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:7px;
	}
.classcategory_list li.kikaku_link span,
.classcategory_list li.kikaku_link a{
	font-size:90%;
	}
.classcategory_list li.kikaku_link a{
	position:relative;
	display:block;
	color:#007EBE;
	padding:0 0 0 1em;
	border-bottom:1px solid #007EBE;
	flex-grow: 0;
	flex-shrink: 0;
	}
.classcategory_list li.kikaku_link a:hover,
.classcategory_list li.kikaku_link a:focus,
.classcategory_list li.kikaku_link a:active{
	border-bottom:none;
	}
.classcategory_list li.kikaku_link a::before{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto 0;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #007EBE;
    border-right: 2px solid #007EBE;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	}
.classcategory_list li.pulldwn span:first-child{
	display:inline-block;
	font-size:90%;
	width:5.5em;
	}
dl.quantity dt {
	font-size:90%;
	width:5.7em;
}
#classcategory_id1 span.hide{/*規格サイズ以下の選択欄を消す用*/
	display:none;
	}
@media only screen and (max-width: 768px) {
.classcategory_list li.kikaku_link span,
.classcategory_list li.kikaku_link a{
	font-size:small;
	}

}




/*商品規格*/
.kikaku_all {
	display: flex;
	flex-direction: column;
	margin:0 auto 30px;
	padding:0 0 30px;
	border-bottom:1px solid #DCDCDC;
	}
.itemdet_all{
	margin:0 auto 30px;
	padding:0 0 30px;
	border-top:none;
	border-bottom:1px solid #DCDCDC;
}
.itemdet_all h3,
.kikaku_all h3{
	display: block;
	width:100%;
	font-size:x-large;
	margin:0 0 1em;
	}
.itemdet_all h3 span,
.kikaku_all h3 span{
	margin:0 0 0 1em;
	display:inline-block;
	font-size:small;
	font-weight:normal;
	}
.kikaku_all h3 ~ h3,
.kikaku_all h3 ~ h4{
	margin:1em 0 1em;
	}
.kikaku_all .def_button6{
	margin-top:1em;
		}
.itemdet_all .itemdet_box{
	width:100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
}
.itemdet_all .itemdet_box div{
	width:100%;
	}
.itemdet_all .itemdet_box div p{
	font-size:90%;
	margin: 0;
}
.itemdet_all .itemdet_box div p + p{
	margin: 1em 0 0;
}
.itemdet_all .itemdet_box div + div{
	margin-top:2em;
}
.itemdet_all .itemdet_box div.detimg{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
}
.itemdet_all .itemdet_box div.detimg img{
	display: inline-block;
	width:20%;
	max-width:108px;
	height:auto;
	margin: 0 5% 5% 0;
}
.kikaku_all .kikaku_box {
	flex-grow: 0;
	flex-shrink: 1;
	width:100%;
	margin-right:0;
	margin-bottom:2em;
	}
.kikaku_all .kikaku_box table ~ table{
	margin-top:1em;
	}
.kikaku_all .kikaku_box table tr td{
	box-sizing:border-box;
	padding:5px;
	font-size:80%;
	text-align:center;
	border:1px solid #dcdcdc;
	}
.kikaku_all .kikaku_box table tr td span.off{
	color:#ccc;
	}
.kikaku_all .kikaku_box table tr.gray td{
	background-color:#EAEEF0;
	color:#282828;
	}
.kikaku_all .kikaku_box table tr td.red{
	background-color:#EAEEF0;
	color:#282828;
	width:5em;
	}
.kikaku_all .kikaku_box table tr td.yel{
	background-color:#d2b48c;
	}
.kikaku_all .kikaku_box table tr.pink td{
	background-color:#fff6f6;
	color:#cf1426;
	}
.kikaku_all .kikaku_box table tr.pink td:first-child{
	background-color:#cf1426;
	color:#fff;
	}
.kikaku_all .kikaku_box table tr td.pink2{
	background-color:#f4717e;
	color:#fff;
	}
.kikaku_all .kikaku_box table tr td.pink3{
	background-color:#fff6f6;
	color:#cf1426;
	}
.kikaku_all .kikaku_box table tr td.sp3{
	width:4em;
	}
.kikaku_all .kikaku_box table tr td.sp4{
	width:5em;
	}
.kikaku_all .kikaku_box table tr td.sp6{
	width:7em;
	}
.kikaku_all .kikaku_data {
	flex-grow: 0;
	flex-shrink: 1;
	width:100%;
	font-size:small;
	}
.kikaku_all .kikaku_data .saisun_box{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	}
.kikaku_all .kikaku_data .saisun_box .saisun{
	width:50%;
	box-sizing:border-box;
	border:1px solid #dcdcdc;
	display: flex;
	flex-direction: row;
	}
.kikaku_all .kikaku_data .saisun_box .saisun p{
	width:50%;
	margin:0;
	padding:5px;
	text-align:center;
	font-size: small;
	}
.kikaku_all .kikaku_data .saisun_box .saisun p:first-child{
	background-color:#EAEEF0;
	color:#282828;
	border-right:1px solid #dcdcdc;
	/*background-color:#a8a8a8;
	color:#fff;*/
	}
.kikaku_all .kikaku_data .red_caution{
	font-weight: normal;
	color: #282828;
	}
.kikaku_all .kikaku_data .def_btn.redline {
	color: #333E58;
	border: 2px solid #333E58;
    border-radius: 5px;
    -webkit-border-radius:5px;
    -moz-border-radius: 5px;
}
.kikaku_all .kikaku_data .def_btn.redline:hover,
.kikaku_all .kikaku_data .def_btn.redline:focus {
	color:#fff;
    background-color: #333E58;
	}
.kikaku_all .kikaku_data .def_btn.redline::before{
    border-top: 2px solid #333E58;
    border-right: 2px solid #333E58;
}
.kikaku_all .kikaku_data .def_btn.redline::after{
    background-color: #333E58;
}
.kikaku_all .kikaku_data .def_btn.redline:hover::before,
.kikaku_all .kikaku_data .def_btn.redline:focus::before{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;

}

@media only screen and (min-width: 768px) {/*pc版*/

.kikaku_all {
	flex-direction: row;
	margin:0 auto 60px;
	padding:0 0 60px;
	}
.itemdet_all{
	margin:0 auto 60px;
	padding:0 0 60px;
	}
.itemdet_all .itemdet_box{
	flex-direction: row;
	justify-content: space-between;
}
.itemdet_all .itemdet_box div{
	width:49%;
}
.itemdet_all .itemdet_box div + div{
	margin-top:0
	}
.kikaku_all.oldtab .kikaku_box,
.kikaku_all .kikaku_box {
	width:60%;
	margin-right:2em;
	}
.kikaku_all .kikaku_box table tr td{
	font-size:90%;
	}
.kikaku_all .kikaku_data {
	width:38%;
	}
}



/*制服へのこだわり*/
.comuni{
	display:block;
	width:100%;
	margin:0 auto;
	}
.comuni h1.title_bar{
	/*margin:20px auto 30px;*/
	margin:0 auto 30px;
	}
.comuni .imgbox1{
	display:block;
	width:100%;
	margin:0 auto;
	position:relative;
	background-image: none;
	background-size: cover;
	background-position:right top;
	background-repeat:no-repeat;
	}
.comuni .imgbox1 img.spimg{
	display:block;
	width:100%;
	margin:0 auto;
	}
.comuni .imgbox1 .txt{
	display:block;
	width:100%;
	margin:0 auto 0 0;
	background-color:#fff;
	background-image:url(../img/unishop/conuni_qua.gif);
	background-size:160px 70px;
	background-position: center top;
	background-repeat:no-repeat;
	padding:100px 0 0 0;
	text-align:center;
	}
.comuni .imgbox1 .txt h2{
	font-size:xx-large;
	font-weight:normal;
	margin:0;
	}
.comuni .imgbox1 .txt p{
	font-size:90%;
	line-height:1.8;
	}
.comuni .imgbox2{
	width:100%;
	margin:2em auto 0 0;
	display: flex;
	justify-content: space-between;
	padding:2em 0 0 0;
	border-top:1px solid #dcdcdc;
	}
.comuni .imgbox2.box1{
	flex-direction: column-reverse;
	}
.comuni .imgbox2.box2{
	flex-direction: column;
	}
.comuni .imgbox2 div{
	width:100%;
	}
.comuni .imgbox2 div ~ div{
	margin-top:1em;
	}
.comuni .imgbox2 .txbox{
	}
.comuni .imgbox2 .txbox h3{
	background-image:url(../img/unishop/icon_point1.gif);
	background-size:70px 28px;
	background-position:left center;
	background-repeat:no-repeat;
	padding:0 0 0 80px;
	margin:0 0 1em;
	font-size:large;
    /*color: #cf1426;*/
    color: #282828;
	}
.comuni .imgbox2 .txbox p{
	font-size:90%;
	line-height:1.8;
	}
.comuni .imgbox2 .txbox img.conlogo{
	display:block;
	width:80%;
	max-width:684px;
	height:auto;
	margin:1em auto 0;
	}
.comuni .imgbox2 .phbox{
	border:1px solid #dcdcdc;
	background-size: cover;
	background-position:center;
	background-repeat:no-repeat;
	}
.comuni .imgbox2 .phbox.ph1,
.comuni .imgbox2 .phbox.ph2{
	background-image: none;
	}
.comuni .imgbox2 .phbox img{
	display:block;
	}
@media only screen and (min-width: 768px) {/*pc版*/
.comuni h1.title_bar{
	/*margin:40px auto 30px;*/
	margin:0 auto 30px;
	}
.comuni .imgbox1{
	background-image:url(../img/unishop/back2.jpg);
	background-size: cover;
	background-position:right top;
	background-repeat:no-repeat;
	}
.comuni .imgbox1 .txt{
	width:335px;
	background-position:left top;
	text-align:left;
	}
.comuni .imgbox1 img.spimg{
	display:none;
	}
.comuni .imgbox2 .phbox.ph1{
	background-image:url(../img/unishop/check_c.jpg);
	}
.comuni .imgbox2 .phbox.ph2{
	background-image:url(../img/unishop/check_b.jpg);
	}
.comuni .imgbox2 .phbox img{
	display:none;
	}
.comuni .imgbox2,
.comuni .imgbox2.box1,
.comuni .imgbox2.box2{
	flex-direction: row;
	}
.comuni .imgbox2 div{
	width:46%;
	}
.comuni .imgbox2 div ~ div{
	margin-top:0;
	}
.comuni .imgbox2 .txbox h3{
	font-size:x-large;
	}
.comuni .imgbox2 .txbox img.conlogo{
	margin:2em auto 0 0;
	}
}
@media only screen and (min-width: 1000px) {/*1000*/

}

/*コーディネート一覧*/
.outfit{
	}
.outfit .outfit_tab{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	}
.outfit .outfit_tab .cur{
	position:relative;
	/*background-color:#cf1426;*/
	background-color:#747C8D;
	color:#fff;
	display:block;
	width:30%;
	text-align:center;
	padding:5px 0;
	}
.outfit .outfit_tab .cur::before{
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right:0;
  margin:0 auto;
    width: 0;
    height: 0;
  border: 6px solid transparent;
  /*border-top: 6px solid #cf1426;*/
  border-top: 6px solid #747C8D;
	}
.outfit .outfit_tab a{
	/*background-color:#f5f4f2;*/
	background-color:#EAEEF0;
	display:block;
	width:30%;
	text-align:center;
	padding:5px 0;
	}
.outfit .outfit_tab a:hover,
.outfit .outfit_tab a:focus{
	background-color:#747C8D;
	color:#fff;
	}
.outfit .outfit_list{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin:0 auto 0;
	}
.outfit .outfit_list div.dmy{
	display:none;
	}
.outfit .outfit_list a.fitbox{
	position:relative;
	display:block;
	width:46%;
	margin:1em 2% 0 2%;
	transition:0.5s;
filter:alpha(opacity=100); /* IE 6,7*/
-ms-filter: "alpha(opacity=100)"; /* IE 8,9 */
-moz-opacity:1.0; /* FF , Netscape */
-khtml-opacity: 1.0; /* Safari 1.x */
opacity:1.0;
zoom:1; /*IE*/
	}
.outfit .outfit_list a.fitbox:hover,
.outfit .outfit_list a.fitbox:focus{
filter:alpha(opacity=50); /* IE 6,7*/
-ms-filter: "alpha(opacity=50)"; /* IE 8,9 */
-moz-opacity:0.5; /* FF , Netscape */
-khtml-opacity: 0.5; /* Safari 1.x */
opacity:0.5;
zoom:1; /*IE*/
	}
.outfit .outfit_list .fitbox img{
	display:block;
	margin:0;
	width:100%;
	height:auto;
	}
.outfit .outfit_list .fitbox .txt{
	z-index:2;
	display:block;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:0;
	background-color:rgba(0,0,0,0.3);
	color:#fff;
	text-align:center;
	font-size: small;
	padding:8px 0;
	}
@media only screen and (min-width: 768px) {/*pc版*/
.outfit .outfit_list{
	justify-content: space-between;
	}
.outfit .outfit_list a.fitbox{
	width:30%;
	margin:2em 0 0 0;
	}
.outfit .outfit_list div.dmy{/*PC版で最後列がずれてしまうとき用*/
	display:block;
	width:30%;
	margin:2em 0 0 0;
	}
}

/*コーディネート詳細枠*/
.outfit_det{
	width:100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	margin:1em auto 0;
	}
.outfit_det .det_img{
	width:100%;
	margin:0 auto 0.5em;
	}
.outfit_det .det_img img{
	display:block;
	width:80%;
	height:auto;
	margin:0 auto;
	}
.outfit_det .det_item{
	width:100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	}
.outfit_det .itemlink{
	width:100%;
	height:2em;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	border-bottom:1px solid #dadada;
	}
.outfit_det .itemlink a{
	font-size:75%;
    display: block;
	height:2em;
	line-height:2em;
	position:relative;
	color: #cf1426;
	text-decoration:none;
	}
.outfit_det .itemlink a:hover,
.outfit_det .itemlink a:focus{
	text-decoration:underline;
	}
.outfit_det .itemlink a:nth-child(1){
	padding:0 0 0 1.5em;
	}
.outfit_det .itemlink a:nth-child(1)::before{
    z-index: 100;
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5px;
    margin: auto;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #cf1426;
    border-left: 2px solid #cf1426;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
	}
.outfit_det .itemlink a:nth-child(2){
	padding:0 1.5em 0 0;
	}
.outfit_det .itemlink a:nth-child(2)::before{
    z-index: 100;
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5px;
    margin: auto;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #cf1426;
    border-right: 2px solid #cf1426;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    vertical-align: middle;
	}
.outfit_det .det_img .itemlink{
	display: flex;
	border-bottom:none;
	}
.outfit_det .det_item .itemlink{
	display: none;
	}
.outfit_det .det_item .itemtitle{
	margin:0 auto;
	width:100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	}
.outfit_det .det_item .itemtitle h2{
	font-size:100%;
	}
.outfit_det .det_item .itemtitle .def_button6.sml{
	flex-grow: 0;
	flex-shrink: 0;
	font-size:small;
	padding:0 1.5em 0 1em;
    border: 1px solid #333e58;
    color: #333e58;
	}
.outfit_det .det_item .itemtitle .def_button6::after {
    border-top: solid 2px #333e58;
    border-right: solid 2px #333e58;
}
.outfit_det .det_item .itemtitle .def_button6.sml .eff-down {
	background-color: #333e58;
}
.outfit_det .det_item .itemtitle .def_button6.sml a{
    color: #333e58;
}
.outfit_det .det_item .itemtitle .def_button6.sml:hover a,
.outfit_det .det_item .itemtitle .def_button6.sml:focus a{
	color:#fff;
}
.outfit_det .det_item .itemtitle .def_button6:hover::after,
.outfit_det .det_item .itemtitle .def_button6:focus::after {
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}
.outfit_det .det_item .itembox{
	position:relative;
	display:block;
	margin:0 0 1.5em;
	width:48%;
	transition:0.5s;
filter:alpha(opacity=100); /* IE 6,7*/
-ms-filter: "alpha(opacity=100)"; /* IE 8,9 */
-moz-opacity:1.0; /* FF , Netscape */
-khtml-opacity: 1.0; /* Safari 1.x */
opacity:1.0;
zoom:1; /*IE*/
	}
.outfit_det .det_item .itembox:hover,
.outfit_det .det_item .itembox:focus{
filter:alpha(opacity=50); /* IE 6,7*/
-ms-filter: "alpha(opacity=50)"; /* IE 8,9 */
-moz-opacity:0.5; /* FF , Netscape */
-khtml-opacity: 0.5; /* Safari 1.x */
opacity:0.5;
zoom:1; /*IE*/
	}
.outfit_det .det_item .itembox img{
	display:block;
	margin:0 auto 0.5em;
	width:100%;
	height:auto;
	border:1px solid #dcdcdc;
	}
.outfit_det .det_item .itembox p{
	font-size:small;
	}
.outfit_det .det_item .itembox p.tit{
	font-weight:bold;
	}
.outfit_det .det_item .itembox p.pri{
	margin:0;
	}
.outfit_det .det_item .itembox .hosok{
	position:absolute;
	display: inline-block;
	color:#fff;
	font-size:small;
	text-align:center;
	padding:2px 1em;
	z-index:50;
	}
.outfit_det .det_item .itembox .hosok.cate{
	top:0;
	left:0;
	background-color:#c9aa82;
	}
.outfit_det .det_item .itembox .hosok.la{
	bottom:0;
	right:0;
	background-color:#f4717e;
	}
.outfit_det .det_item .itembox .hosok.me{
	bottom:0;
	right:0;
	background-color:#78a5e8;
	}
.outfit_det .det_item .itembox .hosok.un{
	bottom:0;
	right:0;
	background-color:#f29721;
	}
@media only screen and (min-width: 768px) {/*pc版*/
.outfit_det{
	flex-direction: row;
	justify-content: space-between;
	margin:0 auto 0;
	}
.outfit_det .det_img{
	width:40%;
	margin:0;
	}
.outfit_det .det_img img{
	width:100%;
	}
.outfit_det .det_item{
	width:56%;
	}
.outfit_det .det_item .itembox{
	width:30%;
	}
.outfit_det .det_img .itemlink{
	display:none;
	}
.outfit_det .det_item .itemlink{
	display: flex;
	}
.outfit_det .det_item .itemlink a{
	font-size:90%;
	}
.outfit_det .det_item .itemtitle h2{
	font-size:130%;
	}
.outfit_det .det_item .itemtitle .def_button6.sml{
	padding:0 2em;
	}
}

/*SPメニュー*/
.drawer {
    position: fixed;
	top:auto;
    bottom: 0;
    right: auto;
	left:0;
    z-index: 101;
    width: 100%;
    background: #fff;
	overflow-x: hidden;
    overflow-y: auto;
	}
.drawer + .close_btn{
    z-index: 999;
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:0;
	}
#wrapper.drawer-open ~ .close_btn{
	display:block;
	position:absolute;
	top:0;
	left:10px;
	width:45px;
	height:45px;
	cursor:pointer;
	}
.spbox1{
	width:100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	font-size: 90%;
	border-bottom: 1px solid #DCDCDC;
}
.spbox2{
	width:100%;
	display:block;
	border-bottom: 1px solid #DCDCDC;
}
.spbox1 p,
.spbox1 a,
.spbox2 p,
.spbox2 a{
	font-size: 90%;
	box-sizing: border-box;
	border-top: 1px solid #DCDCDC;
}
.spbox1 p,
.spbox2 p{
    width: 100%;
	margin:0;
}
.spbox1 p,
.spbox1 a{
	padding:5px 10px;
}
.spbox1 a.link100{
	width:100%;
}
.spbox1 a.link50{
	width:50%;
}
.spbox1 a.link50 + a.link50{
	border-left: 1px solid #DCDCDC;
}
.spbox1 p a{
	display: inline-block;
	line-height: 1.5;
	padding: 0;
	border-top:none;
	font-size:100%;
}
.spbox1 p a + a{
	border-left: 1px solid #DCDCDC;
	margin:0 0 0 0.5em;
	padding:0 0 0 0.5em;
}
.spbox1 p img,
.spbox1 a img,
.spbox2 p img,
.spbox2 a img{
	display: inline-block;
	width:30px;
	height:30px;
	margin:0 5px 0 0;
}
.spbox2 a.link100{
	position: relative;
	display: block;
	width:100%;
	padding: 10px 30px 10px 10px;
}
.spbox2 a.link100::after{
    content: "";
	position: absolute;
	top:0;
	bottom:0;
	right:10px;
    margin: auto 0;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #A0A0A0;
    border-right: 2px solid #A0A0A0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.spbox2 a.link100:first-child{
	border-top: none;
	border-bottom: 1px solid #DCDCDC;
	}
.spbox2 .sublink .spdrop{
	display:none;
}
.spbox2 .sublink .spdrop ul{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	border-bottom: 1px solid #DCDCDC;
}
.spbox2 .sublink label{
	position: relative;
	display:block;
	width:100%;
	padding:10px;
	box-sizing: border-box;
	border-bottom: 1px solid #DCDCDC;
}
.spbox2 .sublink label::before{
  content:"";
  display:block;
  position:absolute;
	top:16px;
  right:10px;
	margin: 0;
  width:8px;
  height:8px;
    border-bottom: 2px solid #A0A0A0;
    border-right: 2px solid #A0A0A0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.spbox2 .sublink li{
	display:block;
	width:50%;
	padding:0 5px;
	box-sizing: border-box;
}
.spbox2 .sublink li a{
	display:block;
	width:100%;
	/*height:100%;*/
	padding:10px 10px 10px 10px;
	box-sizing: border-box;
	border-top: none;
	border-bottom: 1px solid #DCDCDC;
}
.spbox2 .sublink li:last-child a{
	border-bottom: 1px solid #fff;
}
.spbox2 .sublink li:nth-child(2n+1):nth-last-child(2) a{
	border-bottom: 1px solid #fff;
}
.spbox2 .sublink input[type="checkbox"]{
  display:none;
}
.spbox2 .sublink label{
	font-size:90%;
  display:block;
}
.spbox2 .sublink input:checked + .spdrop{
  display:block;
}
.spbox2 .sublink + a{
	border-top: none;
}
.spbox2 .sublink ul.catelist2 li a{
    background-size: 24px 24px;
    background-position: left 5px center;
    background-repeat: no-repeat;
    background-color: #fff;
	padding:10px 10px 10px 40px;
}
.spbox2 .sublink li.top_category{
	width:100%;
}
.spbox2 .sublink li.top_category a.toggle ~ ul.child_categories{
    border-bottom: 0px;
}
.spbox2 .sublink li ul.child_categories li{
	width: 50%;
	padding: 0;
}
.spbox2 .sublink li ul.child_categories li a{
	border-bottom: 0px;
	}
.spbox2 + #search{
    background-color: #fff;
}
.spbox2.no_dr31 + #search{
	display:none;
}
.drw_box1,
.drw_box2{
	width:100%;
	/*display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between; */
	display:block;
}
.drw_box1 p,
.drw_box2 p{
	display:block;
	width:100%;
	text-align:center;
    background-color: #dadada;
	margin:0;
	box-sizing:border-box;
	padding:5px;
	font-size:90%;
	}
.drw_box1 a{
	width:50%;
	display:block;
	margin:0 0 0 0;
	box-sizing:border-box;
	padding:5px;
	font-size:small;
}
.drw_box1 a:hover,
.drw_box1 a:focus{
	background-color:#fff;
}
.drw_box1 a img{
	display: inline-block;
	width:30px;
	height:30px;
	margin:0;
	}
.drw_box1 a.guide{
    /*background-color: #86021e;*/
    background-color: #333e58;
	color:#fff;
	}
.drw_box1 a.guide:hover,
.drw_box1 a.guide:focus{
    /*background-color: #cf1426;*/
    background-color: #747c8d;
}
.drw_box1 a.guide img{
	width:20px;
	height:30px;
	margin-right:5px;
	}
.drw_box1 a.code{
	width:100%;
    background-color: #ebebeb;
}
.drw_box2 a{
	width:33%;
	display:block;
	margin:0 0 0 0;
	box-sizing:border-box;
	padding:5px;
	font-size:small;
	text-align:center;
}
.drw_box1 a:nth-child(3),
.drw_box2 a:nth-child(even){
    background-color: #ebebeb;
	}
.drw_box2 a span{
	display:inline-block;
	font-size:x-small;
	line-height:0.5;
	}
.drw_box2 a span.cdpk{
	line-height:1;
	margin:0;
	}
.drw_box2 a img{
	display: block;
	width:30px;
	height:30px;
	margin:0 auto;
	}
@media only screen and (max-width: 767px){
.drawer-open + .drawer,
.drawer-open .drawer {
    height: calc(100% - 49px);
	visibility: visible;
}
.drawer-open #contents,
.drawer-open #header,
.drawer-open #footer,
.drawer-open .pagetop {
    /*-webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -o-transform: translateX(260px);
    transform: translateX(260px);*/
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
	}
.overlay.is-visible {
    /*-webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -o-transform: translateX(260px);
    transform: translateX(260px);*/
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
	}
}

/*モーダルウインドウ系まとめ*/
.saix_box {
    margin: 0;/*前後の余白*/
    padding: 0;
}
.saix_box .saix_black {
	display:block;
	z-index:9998;
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	width:100%;
    height:100%;
    padding: 0;
    overflow: hidden;
    opacity: 1;
	background-color:rgba(0,0,0,0.5);
}
.saix_box .saix_txt{
	pointer-events:inherit;
	display:block;
	z-index:9999;
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	padding: 0;
	box-sizing:border-box;
	width:80%;
	max-width:660px;
	height:auto;
	max-height:400px;
}
.saix_box .saix_txt.saixfirst{
	max-width:720px;
	max-height:480px;
}
.saix_box .saix_txt.saixchumon{
	max-width:700px;
	max-height:450px;
	}
.saix_box .saix_txt.saixchumon p{
	font-size: small;
	}
.saix_box .saix_txt.saixchumon p.sml{
	font-size: x-small;
	margin:1em 0 0 0;
	}
.saix_box .saix_txt.saixcart2{
	max-width:700px;
	max-height:250px;
	}
.saix_box .saix_txt.saixcart{
	max-width:700px;
	max-height:540px;
	}
.saix_box .saix_txt.saixcart iframe{
	border:0;
	overflow:hidden;
	height:110px;
	}
.saix_box .saix_txt .saix_close{
	position:absolute;
	top:0;
	right:-1.1em;
	margin:0;
	padding:0;
	width:1em;
	height:2em;
	line-height:1;
	font-size:xx-large;
	color:#fff;
	cursor:pointer;
	pointer-events: none;
	}
.saix_box .saix_txt .saix_close span{
	display:block;
	font-size: x-small;
	text-align:center;
	}
.saix_box .saix_txt .saix_right{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0.7em;
	background-color:#fff;
	box-sizing:border-box;
}
.saix_box .saix_txt .saix_right p{
	margin:0;
	font-size:small;
	line-height:1.5;
	}
.saix_box .saix_txt .saix_right p.midasi{
	text-align:center;
	font-size:medium;
	font-weight:bold;
	}
.saix_box .saix_txt .saix_right p.midasi span{
	display:inline-block;
	}
.saix_box .saix_txt .saix_right p.midasi span.red{
	font-size:x-large;
	}
.saix_box .saix_txt .saix_right h2{
	margin:0 auto 0.5em;
	/*font-family: 'Noto Serif Japanese',游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;*/
	font-size:x-large;
	font-weight:normal;
	color: #cf1426;
	text-align:center;
    /*background-image: url(../img/unishop/title_bar2.gif);
    background-position: center bottom;
    background-repeat: repeat-x;*/
    border-bottom: 1px solid #ccc;
	padding:0 0 0.5em;
	}
.saix_box .saix_txt .saix_right h2 span{
	display:inline-block;
	}
.saix_box .saix_txt .saix_right div.mid3{
	text-align:center;
	}
.saix_box .saix_txt .saix_right div.mid3 h3{
	display:inline-block;
	position:relative;
	margin:0 auto 10px;
	font-size:medium;
	color: #cf1426;
	padding:0 0 0 1.8em;
	}
.saix_box .saix_txt .saix_right div.mid3 h3::before{
	content:"！";
	text-align:center;
	color: #fff;
	background-color: #cf1426;
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	margin: 0;
	padding:0;
	width:1.3em;
	height:1.3em;
	line-height:1.3;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	}
.saix_box .saix_txt .saix_right .def_button2{
	position: absolute;
	left:1em;
	right:1em;
	bottom:1em;
	margin:0 auto;
	}
.saix_box .saix_txt .saix_right .def_btn.redline.ya.radius3{
	margin:1em 0 0;
	font-size:90%;
	}
.saix_box .saix_txt.saixfirst .saix_right h2{
    margin: 0 auto 0.3em;
    color: #282828;
    padding: 0 0 0.3em;
}
.saix_box .saix_txt.saixfirst .saix_right h3{
	margin:0.5em 0 0.5em;
	font-size:90%;
	font-weight:normal;
	text-align:center;
	color:#fff;
	background-color:#9AA0AC;
	padding:5px 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.saix_box .saix_txt.saixfirst .saix_right p{
	}
.saix_box .saix_txt.saixfirst .saix_right h2 span,
.saix_box .saix_txt.saixfirst .saix_right p span{
	display:inline-block;
	}
.saix_box .saix_txt.saixfirst .saix_right p:nth-child(2) span.red{
	font-size:large;
	}
.saix_box .saix_txt.saixfirst .saix_right img{
	display:none;
	width:100%;
	height:auto;
	margin:1em auto;
	}
.saix_box .saix_txt.saixfirst .saix_right .def_btn2.ya{
	margin:1em auto 0;
	padding:0.5em 0;
	max-width:240px;
	font-size:90%;
	z-index:0;
	color:#fff;
	background-color:#333E58;
	overflow:hidden;
	position:relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	}
.saix_box .saix_txt.saixfirst .saix_right .def_btn2.ya::after{
	content:"";
	z-index:-1;
	position:absolute;
	top:0;
	left:-100%;
	background-color:#000F2F;
	width:100%;
	height:100%;
	}
.saix_box .saix_txt.saixfirst .saix_right .def_btn2.ya:hover,
.saix_box .saix_txt.saixfirst .saix_right .def_btn2.ya:focus,
.saix_box .saix_txt.saixfirst .saix_right .def_btn2.ya:active{
	}
.saix_box .saix_txt.saixfirst .saix_right .def_btn2.ya:hover::after{
	left:0;
	}
@media only screen and (min-width: 480px) {
.saix_box .saix_txt .saix_right p{
	line-height:1.8;
	margin:0 1em;
	}
.saix_box .saix_txt .saix_right div.mid3 h3{
	margin:10px auto;
	font-size:large;
	}
.saix_box .saix_txt .saix_right .def_button2{
	bottom:2em;
	}
.saix_box .saix_txt.saixfirst .saix_right h3{
	margin:1em 0 0.5em;
	font-size:middle;
	}
.saix_box .saix_txt.saixfirst .saix_right img{
	display:block;
	}
}
@media only screen and (min-width: 768px) {/*pc版*/
.saix_box .saix_txt{
	max-width:500px;
	max-height:350px;
}
.saix_box .saix_txt.saixfirst{
	max-width:720px;
	max-height:500px;
}
.saix_box .saix_txt.saixcart{
	max-width:700px;
	max-height:550px;
	}
.saix_box .saix_txt .saix_close{
	right:-1.2em;
	}
.saix_box .saix_txt .saix_right{
	padding:2em;
	}
.saix_box .saix_txt .saix_right h2{
	font-size:xx-large;
	padding:0 0 0.6em;
	}
.saix_box .saix_txt.saixfirst .saix_right h3{
	margin:1em 0 0.5em;
	font-size:large;
	}
.saix_box .saix_txt.saixchumon p{
	font-size:medium;
	}
.saix_box .saix_txt.saixchumon p.sml{
	font-size: small;
	}
}

/*お問い合わせフォーム*/
.complete_all{
    width: 100%;
	max-width:860px;
    margin: 0 auto;
	box-sizing:border-box;
	padding:0 20px;
	}
.complete_all .title_bar{
    margin: 15px auto 15px;
	}
.befbox,
.complete_all .befbox{
    width: 100%;
	box-sizing:border-box;
	/*border:1px solid #ffe4e4;
	background-color:#fff8f8;*/
	border:1px solid #F5F7F8;
	background-color:#F5F7F8;
	text-align:center;
	padding:15px;
	}
.befbox h2,
.complete_all .befbox h2{
	margin:0 auto 0.5em;
	}
.befbox p,
.complete_all .befbox p{
	font-size:90%;
	line-height:1.8;
	margin:0 auto 1em;
	}
.complete_all .def_btn.redline{
	max-width:360px;
	font-size:90%;
	}
.complete_all h4 {
	font-size:large;
	color: #282828;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.complete_all h4::before,
.complete_all h4::after {
    content: "";
    flex-grow: 1;
    display: block;
    height: 1px;
    background-color: #282828;
}
.complete_all h4::before {
    margin-right: 1em;
}
.complete_all h4::after {
    margin-left: 1em;
}
.complete_all .helpbox{
	margin:0 auto 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	}
.complete_all .helpbox p{
	font-size:90%;
	margin:0;
	}
.complete_all .helpbox p:first-child{
	margin:0 0 0.5em;
	}
.complete_all .helpbox p.tel{
	display:inline-block;
    position: relative;
    padding-left: 24px;
    font-size: x-large;
	font-weight:bold;
    background-image: url(../img/unishop/tel_footer.gif);
	background-position:left center;
    background-size: 23px 23px;
    background-repeat: no-repeat;
	}
.complete_all .helpbox p.tel + span{
	display:inline-block;
	font-size:small;
	font-weight:normal;
	}
.complete_all .helpbox .def_btn.redline{
	margin:1em auto 0;
    color: #333E58;
    border: 2px solid #333E58;
	}
.complete_all .helpbox .def_btn.redline:hover,
.complete_all .helpbox .def_btn.redline:focus{
    color: #fff;
	background-color: #333E58;
}
.complete_all .helpbox .def_btn.redline::before{
    border-top: 2px solid #333E58;
    border-right: 2px solid #333E58;
}
.complete_all .helpbox .def_btn.redline::after{
	background-color: #333E58;
}
.complete_all .helpbox .def_btn.redline:hover::before,
.complete_all .helpbox .def_btn.redline:focus::before{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.complete_all .helpbox .def_btn.redline{
}
.complete_all .complete_wrap,
.complete_all .col-sm-10,
.complete_all .top_wrap,
.complete_all .col-md-10 {
    padding-left:0;
    padding-right:0;
	}
.complete_all .col-sm-offset-1,
.complete_all .col-md-offset-1{
    margin: 0 auto;
    width: 100%;
	}
.complete_all p{
    margin: 0 auto 1em;
	}
.complete_all h3{
	font-size:large;
    margin: 0 auto 1em;
	}
.complete_all h3 span,
.complete_all p span{
	display:inline-block;
	}
.complete_all .def_btn{
    margin: 1em auto 0;
	}
.dl_table{
	margin-bottom:1em;
	}
span.required {
	background-color:#cf1426;
	color: #fff;
	box-sizing:border-box;
	padding:0 3px;
	}
@media only screen and (min-width: 768px) {/*pc版*/
.complete_all{
	}
.complete_all .title_bar{
    margin: 0 auto 30px;
	}
.complete_all h3{
	font-size:x-large;
	}
.befbox,
.complete_all .befbox{
	padding:30px;
	}
.complete_all p,
.befbox p,
.complete_all .befbox p{
	font-size: medium;
	}
.complete_all .helpbox{
	flex-direction: row;
	justify-content: space-between;
	}
.complete_all h4 {
	font-size:x-large;
	}
.complete_all .helpbox{
	margin:0 auto 60px;
	}
.complete_all .helpbox p.tel{
    padding-left: 24px;
    font-size: 180%;
	}
.complete_all .helpbox .def_btn.redline{
	margin:0;
	}
}

/*カートの中身*/
.item_photo{
    border: none;
	}
.item_photo img{
    border: 1px solid #DCDCDC;
	}
.flowline ul::before {
    background: #747C8D;
}
.flowline li .flow_number {
    background: #747C8D;
	}
.flowline li.active {
    color: #cf1426;
}
.flowline li.active .flow_number {
    background: #cf1426;
}
#form_cart > .message:first-child {
	border:1px solid #A0A0A0;
}
.cart_item .item_box .table .item_photo::before{
	content:none;
	}
.cart_item .item_box .table .item_photo {
    border: none;
    overflow: hidden;
}
.cart_item .item_box .table .item_photo a img{
    border: 1px solid #DCDCDC;
	}
.total_box dl.total_price dd.text-primary {
    color: #282828;
}
#detail_box_footer .def_btn,
#detail_box_footer .def_btn2,
#list_box__button_menu .def_btn,
#list_box__button_menu .def_btn2,
.total_box .def_btn,
.total_box .def_btn2{/*カートの中、お届け先の指定ボタン*/
    padding: 10px 0;
	background-color: #cf1426;
    border: none;
    /*border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;*/
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	font-weight:bold;
	cursor: pointer;
	}
.total_box .def_btn3{
    padding: 10px 0;
	background-color: #333E58;
    border: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	font-weight:bold;
	cursor: pointer;
	cursor: hand;
	}
.total_box .def_btn.caution{
	display:none;
	}
.total_box .def_btn2.ya::before {
    content: "";
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1em;
    margin: auto;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
#list_box__button_menu .def_btn,
#list_box__button_menu .def_btn2{
	max-width:400px;
	}
#detail_box_footer .def_btn,
#list_box__button_menu .def_btn,
.total_box .def_btn,
.total_box .def_btn:hover,
.total_box .def_btn:focus{
	background-color: #cf1426;
	}
#detail_box_footer .def_btn2,
#list_box__button_menu .def_btn2,
.total_box .def_btn2,
.total_box .def_btn2:hover,
.total_box .def_btn2:focus{
    background-color: #333E58;
	}
#detail_box_footer .def_btn::after,
#list_box__button_menu .def_btn::after,
.total_box .def_btn::after {
	background-color: #f4717e;
	}
#detail_box_footer .def_btn2::after,
#list_box__button_menu .def_btn2::after,
.total_box .def_btn2::after {
	background-color: #6b6b82;
	}
#list_box__add_button .redline2{
	display:inline-block;
	font-size:90%;
	padding:2px;
	}
.total_box dl dd.text-primary,
#shopping_confirm .total_box .total_amount p.total_price strong.text-primary {
    color: #282828;
}
#confirm_main .btn-default {
    color: #cf1426;
    background-color: #fff;
    border-color: #cf1426;
}
#confirm_main p.kome a{
	color: #cf1426;
	text-decoration:underline;
	}
#confirm_main p.kome a:hover,
#confirm_main p.kome a:focus{
	text-decoration:none;
	}
#confirm_main .btn-default:hover,
#confirm_main .btn-default:focus {
	background-color:#fff8f8;
	}
.shop_uketori h3{
    color: #cf1426;
	}
.shop_uketori p,
.shop_uketori table{
	font-size:small;
	}
.shop_uketori p{
	margin:0;
	}
.shop_uketori table{
	vertical-align: top;
	margin:0 0 1em;
	}
.shop_uketori table tr td{
	vertical-align: top;
	}
.shop_uketori table span{
	display:inline-block;
	}
@media only screen and (min-width: 768px) {/*pc版*/
.shop_uketori p,
.shop_uketori table{
	font-size: medium;
	}
}

/*index_スライド1*/
.main_visual{
	width:100%;
	max-width:1120px;
	margin:0 auto;
	}
.main_visual a{
	display:block;
	max-width:1080px;
	}
.main_visual a img.sp{
	display:block;
}
.main_visual a img.pc{
	display:none;
}
.main_visual .slick-list {
    overflow: hidden;
    margin-left: -8px;
    margin-right: -8px;
}
.main_visual .slick-track,
.main_visual .slick-slide {
    opacity: .5;
    transition-duration: 0.3s;
	width:100%;
}
.main_visual .slick-slide.slick-current {
    opacity: 1;
}
#coo {
}
#coo a {
	display:block;
	margin:0 auto;
	padding:0 5px;
}
#coo a img{
	display:block;
	width:100%;
	max-width:;
	height:auto;
	margin:0;
	padding:0;
	}
.main_visual .prev-arrow,
.main_visual .next-arrow,
#coo .prev-arrow,
#coo .next-arrow,
.prev-arrow,
.next-arrow {
    position: absolute;
	z-index:5;
	top:0;
	bottom:0;
	margin:auto 0;
	width: 36px;
	height: 60px;
	line-height: 30px;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
	display:block;
	box-shadow: 0 0 6px 0 rgba(0,0,0,0.15);
}
.prev-arrow{
	left:-8px;
	}
.next-arrow{
	right:-8px;
	}
.prev-arrow img,
.next-arrow img{
	display:block;
	margin:0;
	padding:0;
	width: 36px;
	height: 60px;
}
.slick-dots {
	z-index:9;

}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
    /*background-color: #cf1426;*/
    background-color: #333E58;
}
.slick-dots li button:before {
    opacity: .25;
    background-color: black;

}
.slick-dots li.slick-active button:before {
    opacity: .75;
    /*background-color: #cf1426;*/
    background-color: #333E58;
}

@media only screen and (min-width: 768px) {/*pc版*/
.main_visual a img.sp{
	display:none;
	}
.main_visual a img.pc{
	display:block;
	}
.main_visual .slick-list {
    overflow: visible;
    margin-left: 0;
    margin-right: 0;
}
.main_visual .prev-arrow,
.main_visual .next-arrow,
#coo .prev-arrow,
#coo .next-arrow,
.prev-arrow,
.next-arrow {
	width: 50px;
	height: 50px;
	}
.prev-arrow img,
.next-arrow img{
	width: 50px;
	height: 50px;
	}
.prev-arrow{
	left:0;
	}
.next-arrow{
	right:0;
	}
}


/*ご利用ガイド*/
.guide_box{
	box-sizing:border-box;
	font-size: small;
	margin-bottom:2.5em;
	}
/*.guide_box +.guide_box{
	border-top:1px solid #dadada;
	padding-top:1em;
	}*/
.guide_box h5.brw{
	box-sizing:border-box;
	padding:0.5em;
	margin:0 0 0.5em;
	/*background-color:#f1e9df;*/
	/*background-color:#EAEEF0;*/
	background-color:#9AA0AC;
	color:#fff;
	font-size: medium;
	font-weight:normal;
	}
h5.brw ~ h5.brw{
	margin:2em 0 0.5em;
	}
.guide_box h6.hskf,
.guide_box h6.hskm{
	font-size:large;
	font-weight:bold;
	margin: 1em 0 0.5em;
	}
.guide_box h6.hskf{
	color: #f4717e;
	}
.guide_box h6.hskm{
	color: #78a5e8;
	}
.guide_box h6.hskf span,
.guide_box h6.hskm span{
	display:inline-block;
	font-size: small;
	font-weight: normal;
	color: #282828;
	}
.guide_box p{
	font-size:90%;
	line-height:1.8em;
	}
.guide_box p.red,
.guide_box span.red{
	color: #cf1426;
	font-weight:bold;
	}
.guide_box p.kome{
	font-size:small;
	margin:1em 0 0;
	}
.guide_box p.kome + p.kome{
	margin:0;
	}
.guide_box p.cmd_a,
.guide_box p.cmd_b{
	position:relative;
	padding:0 0 0 1em;
	margin:0;
	}
.guide_box p.cmd_a::before,
.guide_box p.cmd_b::before{
	position:absolute;
	top:0;
	left:0;
	width:1em;
	height:1em;
	}
.guide_box p.cmd_a::before{
	content:"a.";
	}
.guide_box p.cmd_b::before{
	content:"b.";
	}
.guide_box p.cmd_a + p.kome,
.guide_box p.cmd_b + p.kome{
	padding:0 0 0 2em;
	margin:0;
	}
.guide_box p.cmd_a + p.kome::before,
.guide_box p.cmd_b + p.kome::before{
	left:1em;
	}
.guide_box a{
	/*color: #cf1426;*/
	color: #0078B0;
	text-decoration:underline;
	}
.guide_box a:hover,
.guide_box a:focus,
.guide_box a:active{
	text-decoration: none;
	}
.guide_box a.def_btn{
	text-decoration: none;
	font-size:90%;
	max-width:400px;
	color:#fff;
	background-color: #333e58;
	border:none;
	/*border:2px solid #333e58;*/
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	}
.guide_box a.def_btn:hover,
.guide_box a.def_btn:focus{
	color:#fff;
	background-color: #747C8D;
}
.guide_box a.def_btn.redline.ya::before{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.guide_box a.def_btn.redline.ya:hover::before,
.guide_box a.def_btn.redline.ya:focus::before{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.guide_box a.def_btn::after{
	background-color: #747C8D;
}
.guide_box .att{
	box-sizing:border-box;
	padding:1em 1em 1em 80px;
	margin:0 0 1em;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	/*background-color:#fff7f7;*/
	background-color:#F5F7F8;
    background-image: url(../img/unishop/icon_att1.png);
	background-position:left 1em center;
    background-size: 50px 44px;
    background-repeat: no-repeat;
	}
.guide_box .att p{
	margin:0;
	}
.guide_box .guide_kijit{
	display: flex;
	justify-content: space-between;
	}
.guide_box .guide_kijit .wk,
.guide_box .guide_kijit .wk2{
	display: flex;
	justify-content: space-between;
	/*border:2px solid #f4717e;*/
	/*border:2px solid #747C8D;*/
	border:1px solid #747C8D;
    /*border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;*/
	}
.guide_box .guide_kijit .wk{
	width:47%;
	}
.guide_box .guide_kijit .wk2{
	width:100%;
	}
.guide_box .guide_kijit .wk div,
.guide_box .guide_kijit .wk2 div,
.guide_box .guide_kijit .try_box{
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align:center;
	}
.guide_box .guide_kijit .wk div,
.guide_box .guide_kijit .wk2 div{
	width:50%;
	box-sizing:border-box;
	padding:10px 2px;
	}
.guide_box .guide_kijit .wk div p,
.guide_box .guide_kijit .wk2 div p{
	margin:0;
	}
.guide_box .guide_kijit .wk div span,
.guide_box .guide_kijit .wk2 div span{
	display:inline-block;
	}
.guide_box .guide_kijit .wk div.txt1,
.guide_box .guide_kijit .wk2 div.txt1{
    /*border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;*/
	/*background-color:#f4717e;*/
	/*background-color:#747C8D;
	color:#fff;*/
	background-color:#EAEEF0;
	color:#282828;
	/*font-weight:bold;*/
	font-weight:normal;
	}
.guide_box .guide_kijit .wk2 div.txt1 p{
	font-size: larger;
	}
.guide_box .guide_kijit .wk div.txt1 p.sml,
.guide_box .guide_kijit .wk2 div.txt1 p.sml{
	font-weight: normal;
	}
.guide_box .guide_kijit .wk2 div.txt1 p.sml{
	font-weight: normal;
	}
.guide_box .guide_kijit .wk div.txt2,
.guide_box .guide_kijit .wk2 div.txt2{
	color: #cf1426;
	/*font-weight:bold;*/
	font-weight:normal;
	}
.guide_box .guide_kijit .try_box{
	padding:0 0 0 15px;
	}
.guide_box .guide_kijit .try_box .try{
    left: 10px;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border: 10px solid transparent;
    border-left: 10px solid #f4717e;
	}
.guide_box .guide_step{
    box-sizing: border-box;
	border:1px solid #cf1426;
	margin:2em 0 0 0;
	}
.guide_box .guide_step .stepbox{
	display: flex;
	 justify-content: flex-end;
	}
.guide_box .guide_step .stepbox .title,
.guide_box .guide_step .stepbox .txt{
	position:relative;
    box-sizing: border-box;
	padding:10px 10px 0 10px;
	display: flex;
	}
.guide_box .guide_step .stepbox .title{
	width:180px;
	flex-grow: 0;
	flex-shrink: 0;
	background-color:#fff7f7;
	padding:10px 0 0 10px;
	}
.guide_box .guide_step .stepbox .txt{
	width:60%;
	flex-grow: 2;
	flex-shrink: 2;
	padding:10px 10px 0 0;
	}
.guide_box .guide_step .stepbox .title .box,
.guide_box .guide_step .stepbox .txt .box{
	width:100%;
	border-bottom:1px solid #c2c2c2;
	}
.guide_box .guide_step .stepbox:last-child .title .box,
.guide_box .guide_step .stepbox:last-child .txt .box{
	border-bottom:none;
	}
.guide_box .guide_step .stepbox .title .box{
	position:relative;
    box-sizing: border-box;
	padding:0 10px 10px 0;
	}
.guide_box .guide_step .stepbox .txt .box{
	padding:0 0 10px 10px;
	}
.guide_box .guide_step .stepbox .title .box .stepall{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	z-index:5;
	width:auto;
	height:100%;
	box-sizing:content-box;
	padding:0 0 10px 0;
	pointer-events: none;
	}
.guide_box .guide_step .stepbox .title .box .stepall.ya1{
    background-image: url(../img/unishop/ya1.png);
	background-position:bottom center;
    background-size: 25px 1280px;
    background-repeat: no-repeat;
	}
.guide_box .guide_step .stepbox .title .box .stepall.ya2{
    background-image: url(../img/unishop/ya2.png);
	background-position:bottom center;
    background-size: 25px 1280px;
    background-repeat: no-repeat;
	}
.guide_box .guide_step .stepbox .title .box .stepall span.last{
	display:block;
	font-size:x-small;
	line-height:1.5em;
	color:#f4717e;
	}
.guide_box .guide_step .stepbox .title .box .step{
	background-color:#cf1426;
	color:#fff;
	font-weight:bold;
	font-size:90%;
	line-height:30px;
	width:60px;
	text-align:center;
	display: inline-flex;
	justify-content: center;
	align-items: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	}
.guide_box .guide_step .stepbox .title .box .step span{
	font-size: x-large;
	display:inline-block;
	margin:0 0 0 2px;
	}
.guide_box .guide_step .stepbox .title .box p,
.guide_box .guide_step .stepbox .txt .box p{
	margin:0;
	}
.guide_box .guide_step .stepbox .txt .box p{
	font-size:x-small;
	line-height:1.8;
	}
.guide_box .guide_step .stepbox .txt .box a.def_btn{
	font-size:small;
	padding: 2px 0;
	margin:1em 0 0 auto;
    max-width: 200px;
	}
.guide_box .guide_step .stepbox .txt .box .def_btn.ya::before {
    right: 0.5em;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.guide_box .guide_step .stepbox .txt .box .def_btn::after{
	left: 0;
	top: -100%;
	}
.guide_box .guide_step .stepbox .txt .box .def_btn:hover::after{
	left: 0;
	top: 0;
	}
.guide_box .guide_step .stepbox .title .box p{
	box-sizing:border-box;
	margin:0 0 0 70px;
	line-height:1.5;
	font-size: medium;
	font-weight:bold;
	padding:30px 0 0 0;
    background-repeat: no-repeat;
	background-position:center top;
    background-size: 30px 30px;
	text-align:center;
	}
.guide_box .guide_step .stepbox .title .box p span{
	display:inline-block;
	}
.guide_box .guide_step .stepbox .title .box p.ste1{
    background-image: url(../img/unishop/guide01.png);
	}
.guide_box .guide_step .stepbox .title .box p.ste2{
    background-image: url(../img/unishop/guide02.png);
	}
.guide_box .guide_step .stepbox .title .box p.ste3{
    background-image: url(../img/unishop/guide03.png);
	}
.guide_box .guide_step .stepbox .title .box p.ste4{
    background-image: url(../img/unishop/guide04.png);
	}
.guide_box .guide_step .stepbox .title .box p.ste5{
    background-image: url(../img/unishop/guide05.png);
	margin:1em 0 0 70px;
	}
.guide_box .guide_mv{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin:2em 0 1em;
	}
.guide_box .guide_mv div{
	width:100%;
    max-width: 480px;
	margin:0 auto;
	}
.guide_box .guide_mv div iframe {
    width: 100%;
    max-width: 480px;
	margin:0 auto;
}
.guide_box .guide_mv div p{
	text-align:center;
	font-size:90%;
	margin:0.5em 0 1em;
	}
.guide_box .hissu_col{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 0 0 1em;
	}
.guide_box .guide_hissu{
	box-sizing:border-box;
	padding:0;
	}
.guide_box .guide_hissu.la{
	width:100%;
	border:1px solid #f4717e;
	margin: 0 0 1em;
	}
.guide_box .guide_hissu.me{
	width:100%;
	border:1px solid #78a5e8;
	}
.guide_box .guide_hissu.all{
	border:1px solid #cf1426;
	}
.guide_box .guide_hissu h6{
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-size: large;
	margin:0;
	padding:5px 0 8px;
	line-height:1;
	}
.guide_box .guide_hissu h6 span{
	margin:0 0 0 1em;
	font-size:small;
	font-weight:normal;
	}
.guide_box .guide_hissu.la h6{
	background-color: #f4717e;
	}
.guide_box .guide_hissu.me h6{
	background-color: #78a5e8;
	}
.guide_box .guide_hissu.all h6{
	background-color: #cf1426;
	}
.guide_box .guide_hissu .item1{
	display: flex;
	box-sizing:border-box;
	padding:1em;
	justify-content: space-between;
	}
.guide_box .guide_hissu .item1 div{
	display:block;
	width:30%;
	}
.guide_box .guide_hissu .item1 div p{
	margin:0;
	text-align:center;
	font-size:90%;
	}
.guide_box .guide_hissu .item1 div img{
	display:block;
	width:100%;
	max-width:75px;
	height:auto;
	margin:0 auto 0.5em;
	}
.guide_box .guide_hissu .item2{
    background-image: url(../img/unishop/guidehissu_all.gif);
	background-position:left top;
    background-size: 75px 75px;
    background-repeat: no-repeat;
	display:block;
	width:92%;
	height:auto;
	min-height:75px;
	margin:1em auto;
	padding:0 0 0 84px;
	box-sizing:border-box;
	}
.guide_box .guide_hissu .item2 p{
	display:inline-block;
	position:relative;
	margin:0 0 0 0;
	padding:0 2em 0 1em;
	box-sizing:border-box;
	font-size:90%;
	line-height:2em;
	}
.guide_box .guide_hissu .item2 p:before{
	content:"・";
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:1em;
	height:1em;
	}
.guide_box.guide_cart a{
	display:inline-block;
	}
.guide_box.guide_cart a ~ a{
	margin:0 1em 0 0;
	}
.guide_box.guide_cart p{
	margin:1em 0 0;
	}
.guide_box.guide_cart p ~ span{
	margin:0 1em 0 0;
	}
.guide_box.guide_cart .title_all,
.guide_box.guide_cart .title_la,
.guide_box.guide_cart .title_me{
	display:block;
	margin:auto;
	padding:5px;
	box-sizing:border-box;
	color:#fff;
	}
.guide_box.guide_cart .title_all{
	background-color:#f29721;
	}
.guide_box.guide_cart .title_la{
	background-color:#f4717e;
	}
.guide_box.guide_cart .title_me{
	background-color:#78a5e8;
	}
.guide_lameall{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	}
.guide_lameall .btn_la,
.guide_lameall .btn_me{
	position:relative;
	display:block;
	width:48%;
	font-size:90%;
	background-color:#999;
	color:#fff;
	text-align:center;
	margin:0 0 1em;
	padding: 5px 0;
	box-sizing:border-box;
	}
.guide_lameall .btn_la.active,
.guide_lameall .btn_me.active{
	pointer-events: none;
	}
.guide_lameall .btn_la.active::after,
.guide_lameall .btn_me.active::after{
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border: 6px solid transparent;
	}
.guide_lameall .btn_la.active::after{
    border-top: 6px solid #f47183;
	}
.guide_lameall .btn_me.active::after{
    border-top: 6px solid #639ce1;
	}
.guide_lameall .btn_la.active,
.guide_lameall .btn_la:hover,
.guide_lameall .btn_la:focus,
.guide_lameall .btn_la:active{
	background-color:#f47183;
	}
.guide_lameall .btn_me.active,
.guide_lameall .btn_me:hover,
.guide_lameall .btn_me:focus,
.guide_lameall .btn_me:active{
	background-color:#639ce1;
	}
.guide_tab{
	display: flex;
	flex-direction: column;
	}
.guide_lameall table,
.guide_tab table{
	border:1px solid #c2c2c2;
	}
.guide_lameall table tr th:first-child{
	width:6%;
	min-width:5em;
	}
.guide_lameall table,
.guide_lameall table tbody{
	width:100%;
	}
.guide_lameall table tr th.mid{
	width:48%;
	}
.guide_tab table+table{
	margin:1em 0 0 0;
	}
.guide_lameall table.pink tr th,
.guide_lameall table.pink tr td.midasi,
.guide_tab table.pink tr th,
.guide_tab table.pink tr:nth-child(2) td:first-child{
	text-align:center;
	background-color:#fce2e4;
	}
.guide_lameall table.blue tr th,
.guide_lameall table.blue tr td.midasi,
.guide_tab table.blue tr th,
.guide_tab table.blue tr:nth-child(2) td:first-child{
	text-align:center;
	background-color:#e3ecfa;
	}
.guide_lameall table tr:not(:last-child),
.guide_tab table tr:not(:last-child){
	border-bottom:1px solid #c2c2c2;
	}
.guide_lameall table tr th,
.guide_lameall table tr td,
.guide_tab table tr th,
.guide_tab table tr td{
	box-sizing:border-box;
	padding:5px;
	text-align:center;
	min-width:3em;
	font-size:90%;
	}
.guide_lameall table tr td{
	padding:5px;
	text-align:left;
	}
.guide_lameall table tr th:not(:last-child),
.guide_lameall table tr td:not(:last-child),
.guide_tab table tr th:not(:last-child),
.guide_tab table tr td:not(:last-child){
	border-right:1px solid #c2c2c2;
	}
.guide_lameall table tr th,
.guide_tab table tr th{
	font-weight:normal;
	}
.guide_lameall table tr td.bol,
.guide_tab table tr td.bol{
	font-weight: bold;
	}
.guide_tab table tr td.red{
	color: #cf1426;
	}
.guide_lameall table span,
.guide_tab table span{
	display:inline-block
	}
.guide_lameall table p,
.guide_lameall table p.kome{
	margin:0;
	font-size:90%;
	}
.guide_box .koukan_not{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	}
.guide_box .koukan_not p.tenn{
	padding:0 0 0 1em;
	width: 50%;
	margin:0;
	color:#cf1426;
	}
.guide_box .koukan_not p.tenn::before{
	color:#cf1426;
	}
@media only screen and (max-width: 480px) {
.guide_box .koukan_not p.tenn{
	width: 100%;
	}
}
@media only screen and (min-width: 768px) {/*pc版*/
.guide_box{
	font-size:medium;
	}
.guide_box h5.brw{
	font-size: large;
	}
.guide_box h6.hskf,
.guide_box h6.hskm{
	margin: 1.5em 0 1em;
	}
.guide_box p.kome{
	font-size:90%;
	}
.guide_box .guide_kijit .wk div,
.guide_box .guide_kijit .wk2 div{
	padding:20px 5px;
	}
.guide_box .guide_kijit .wk div.txt2,
.guide_box .guide_kijit .wk2 div.txt2{
	font-size: x-large;
	}
.guide_box .guide_kijit .try_box{
	padding:0 0 0 15px;
	}
.guide_box .guide_kijit .try_box .try{
    left: 15px;
    width: 15px;
    height: 15px;
    border: 15px solid transparent;
    border-left: 15px solid #f4717e;
	}
.guide_box .guide_step .stepbox .title{
	padding:20px 0 0 20px;
	width:380px;
	}
.guide_box .guide_step .stepbox .txt{
	padding:20px 20px 0 0;
	}
.guide_box .guide_step .stepbox .title .box{
	padding:0 20px 20px 0;
	}
.guide_box .guide_step .stepbox .txt .box{
	padding:0 0 20px 20px;
	}
.guide_box .guide_step .stepbox .title .box .stepall{
	padding:0 0 20px 0;
	}
.guide_box .guide_step .stepbox .title .box .stepall span.last{
	font-size:small;
	}
.guide_box .guide_step .stepbox .title .box .step{
	line-height:40px;
	width:100px;
	}
.guide_box .guide_step .stepbox .title .box .step span{
	margin:0 0 0 5px;
	}
.guide_box .guide_step .stepbox .txt .box p{
	font-size:small;
	}
.guide_box .guide_step .stepbox .title .box p{
	margin:0 0 0 110px;
	line-height:40px;
	font-size:140%;
	padding: 0 0 0 50px;
	background-position:left top;
    background-size: 45px 45px;
	text-align:left;
	}
.guide_box .guide_step .stepbox .title .box p.ste5{
	margin:0.8em 0 0 110px;
	}
.guide_box .guide_mv{
	flex-direction: row;
	}
.guide_box .guide_mv div{
	width:48%;
	margin:0;
	}
.guide_box .hissu_col{
	flex-direction: row;
	margin: 0 0 2em;
	}
.guide_box .guide_hissu.la,
.guide_box .guide_hissu.me{
	width:48%;
	margin: 0;
	}
.guide_box .guide_hissu .item2{
	padding:0.5em 0 0 84px;
	}
.guide_box .guide_hissu .item2 p{
	line-height:2em;
	}
.guide_tab{
	flex-direction: row;
	justify-content: space-between;
	}
.guide_tab table tr th,
.guide_tab table tr td{
	padding:5px;
	}
.guide_tab table{
	width:48%;
	}
.guide_tab table+table{
	margin:0;
	}
.guide_lameall table tr td{
	padding:5px 10px;
	}
.guide_lameall table tr th:nth-child(2){
	width:40%;
	}
.guide_lameall table tr th.mid{
	width:50%;
	}
.guide_lameall table tr th:first-child{
	width:10%;
	min-width:6em;
	}
.guide_lameall table p{
	font-size:90%;
	}
}
@media only screen and (min-width: 910px) {
.guide_tab table tr th,
.guide_tab table tr td{
	padding:10px;
	}
}

/*ご利用ガイド追加枠*/
.guide_box p.mgnot,
.guide_box .befbox p.mgnot{
	margin:0;
	}
.guide_box .befbox{
	padding: 1em;
	border:1px solid #CF1426;
	background-color:#fff;

	}
.guide_box .befbox p.mgnot{
	font-size: medium;
	}
.guide_box .befbox p.mgnot span{
	font-size: 90%;
	display:inline-block;
	}
.guide_box .befbox p.mgnot span + span{
	padding:0 0 0 1em;
	}
.guide_box .befbox p a{
	font-weight:bold;
	font-size:larger;
	color:#CF1426;
	}
.guide_box .redbox{
	border:1px solid #cf1426;
	}
.guide_box .redbox h4{
	background-color:#cf1426;
	color:#fff;
	margin:0;
	box-sizing:border-box;
	padding:0.5em;
	font-weight:normal;
	}
.guide_box .redbox .whibox{
	box-sizing:border-box;
	padding:0.5em;
	}
.guide_box .redbox .whibox p,
.guide_box .redbox .whibox p.kome,
.guide_box .redbox .whibox p.tenn,
.guide_box .redbox .whibox2 p,
.guide_box .redbox .whibox2 p.kome,
.guide_box .redbox .whibox2 p.tenn{
	font-size:small;
	margin:0 0 1em;
	}
.guide_box .redbox .whibox p:last-child,
.guide_box .redbox .whibox2 p:last-child{
	margin:0;
	}
.guide_box .redbox .whibox p.mgnot{
	margin:0;
	}
.guide_box .redbox .whibox span{
	display:inline-block;
	}
.guide_box .redbox .whibox2{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	}
.guide_box .redbox .whibox2 div{
	width:100%;
	}
.guide_box .redbox .whibox2 div:nth-child(1),
.guide_box .redbox .whibox2 div:nth-child(2){
	padding:0.5em;
	}
.guide_box .redbox .whibox2 div .mapbox{
	width: 100%;
	max-width: 800px;
	min-width: 50px;
	height: 300px;
	margin: 0;
	padding:0;
	display: inline-block;
	}
.guide_box .redbox .whibox2 div .mapbox iframe{
	margin: 0;
	}
.guide_box .redbox .befbox{
	margin:1em 0 0.5em;
	}
.guide_box .redbox .befbox h2{
	font-size:large;
	}
.guide_box .redbox .befbox p{
	margin:1em 0;
	font-size:medium;
	}
.todoke2,
.guide_box .todoke{
	border-top:1px solid #c2c2c2;
	border-left:1px solid #c2c2c2;
	margin:1em 0;
	}
.todoke2 tr td,
.guide_box .todoke tr td{
	border-right:1px solid #c2c2c2;
	border-bottom:1px solid #c2c2c2;
	box-sizing:border-box;
	padding:1em 0.5em;
	font-size: 90%;
	}
.todoke2 tr td span,
.guide_box .todoke tr td span{
	display:inline-block;
	}
.todoke2 tr td:first-child,
.guide_box .todoke tr td:first-child{
	/*background-color:#fce2e4;
	color:#cf1426;*/
	background-color:#F5F7F8;
	color:#282828;
	font-weight:bold;
	font-size:larger;
	text-align:center;
	}
.guide_box .todoke tr td:first-child.shiro{
	background-color:#fff;
	color:#282828;
	font-weight: normal;
	font-size: small;
	text-align:center;
	}
.guide_box .todoke tr td:nth-child(3),
.guide_box .todoke tr td:nth-child(4){
	text-align:center;
	}
.todoke2 tr:first-child td,
.guide_box .todoke tr:first-child td{
	/*background-color:#cf1426;*/
	background-color:#EAEEF0;
	color:#282828;
	padding:0.5em;
	text-align:center;
	}

.guide_box .shiharai_box{
	/*border-top:1px dotted #c2c2c2;*/
	box-sizing:border-box;
	padding:0.5em 0;
	}
.guide_box .shiharai_box h5{
	font-size: larger;
	margin:0 0 0.5em;
	}
.guide_box .shiharai_box p,
.guide_box .shiharai_box p.tenn,
.guide_box .shiharai_box p.kome{
	margin:0 0 1em;
	}
.guide_box .shiharai_box p.mgnot{
	margin:0;
	}
.guide_box .shiharai_box p.kome{
	font-size: medium;
	}
.guide_box .shiharai_box p.kome::before{
	color:#282828;
	}
.guide_box .shiharai_box p.kome.pink,
.guide_box .shiharai_box p.kome.pink::before{
	color:#cf1426;
	}
.guide_box .shiharai_box a{
	/*color:#cf1426;*/
	color:#0078B0;
	}
.guide_box .shiharai_box .card_icon{
	display: block;
	width:100%;
	max-width:362px;
	height:auto;
	margin:1em 0;
	}
.card_icon2{
	display: block;
	width:100%;
	max-width:540px;
	height:auto;
	margin:1em 0;
	}
#confirm_main .conveni,
.guide_box .shiharai_box .conveni{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin:0 0 1em 0;
	}
.guide_box .shiharai_box .conveni{
	margin:0.5em 0 1.5em 0;
	}
#confirm_main .conveni div,
.guide_box .shiharai_box .conveni div{
	text-align:center;
	margin:1em 1em 0 0;
	}
#confirm_main .conveni div:first-child,
.guide_box .shiharai_box .conveni div:first-child{
	margin:1em 1em 0 0;
	}
#confirm_main .conveni img,
.guide_box .shiharai_box .conveni img{
	display: inline-block;
	height:auto;
	}
#confirm_main .conveni img.conv1,
.guide_box .shiharai_box .conveni img.conv1{
	width:95px;
	}
#confirm_main .conveni img.conv2,
.guide_box .shiharai_box .conveni img.conv2{
	width:105px;
	}
#confirm_main .conveni img.conv3,
.guide_box .shiharai_box .conveni img.conv3{
	width:50px;
	}
#confirm_main .conveni img + img,
.guide_box .shiharai_box .conveni img + img{
	margin:0 0 0 1em;
	}
#confirm_main .conveni div a,
.guide_box .shiharai_box .conveni div a{
	font-size:smaller;
	/*box-shadow:0 2px 0 -1px #cf1426;*/
	box-shadow:0 2px 0 -1px #0078B0;
	}
#confirm_main .conveni div a:hover,
#confirm_main .conveni div a:focus,
#confirm_main .conveni div a:active,
.guide_box .shiharai_box .conveni div a:hover,
.guide_box .shiharai_box .conveni div a:focus,
.guide_box .shiharai_box .conveni div a:active{
	text-decoration:none;
	box-shadow:0 2px 0 -1px #fff;
	}
#confirm_main .conveni div a span,
.guide_box .shiharai_box .conveni div a span{
	display: inline-block;
	padding:0.5em 0 3px;
	}
.sentak_box{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	}
.sentak_box span.red{
	font-weight:normal;
	}
.sentak_box .sentak_col2{
	width:100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	}
.sentak_box img{
	display:block;
	width:100%;
	max-width:360px;
	height:auto;
	margin:0 auto 1em;
	}
.sentak_box img + img{
	margin:1em 0 0;
	}
.sentak_box .sentak_col2 img{
	display:block;
	width:100%;
	margin:0 auto 1em;
	}
.sentak_box .sentak_col1,
.sentak_box .sentak_col2 .sentak_col1{
	width:100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	}
.sentak_box .sentak_col2,
.sentak_box .sentak_col1{
	padding:15px 0;
	}
.sentak_box .sentak_col2:not(:first-child),
.sentak_box .sentak_col1:not(:first-child){
	border-top:1px solid #DCDCDC;
	}
.sentak_box .sentak_col2 .sentak_col1{
	border-top:none;
	padding:0;
	}
.sentak_box .sentak_col1 h6{
	font-size:large;
	font-weight: normal;
	margin:0 0 0.5em;
	}
.sentak_box .sentak_col1 p{
	font-size:90%;
	margin:0 0 1em;
	}
.sentak_box .sentak_col1 p.red,
.sentak_box .sentak_col2 .sentak_col1 p.red{
	width:1.5em;
	height:1.5em;
	background-color:#CF1426;
	color:#fff;
	text-align:center;
	font-weight: normal;
	padding:0 7px;
	margin:0 20px 0 0;
	}
.sentak_box a.def_btn {
	margin:0 0 1em 0;
}
.sentak_all{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding:0;
	margin:15px 0 0;
	}
.sentak_all .sentak_box{
	margin:10px 0 0;
	width:100%;
	}
input.sentak_radio{
	display: none;
	}
input.sentak_radio + .sentak_label{
	position:relative;
	display: inline-block;
	width:50%;
	padding:10px 0;
	background-color:#EAEEF0;
	color:#282828;
	text-align:center;
	}
input.sentak_radio + .sentak_label::after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:-6px;
	margin:0 auto;
	width:12px;
	height:12px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	}
input#sentak01:checked + .sentak_label::after,
input#sentak02:checked + .sentak_label::after{
	background-color:#CF1426;
	}
input#sentak01:checked + .sentak_label,
input#sentak02:checked + .sentak_label{
	background-color:#CF1426;
	color:#fff;
	}
input#sentak01:checked ~ .sentak_box p.sentak_pc,
input#sentak01:checked ~ .sentak_box img.sentak_pc{
	display: block;
	}
input#sentak01:checked ~ .sentak_box span.sentak_pc{
	display: inline-block;
	}
input#sentak01:checked ~ .sentak_box span.sentak_sp,
input#sentak01:checked ~ .sentak_box p.sentak_sp,
input#sentak01:checked ~ .sentak_box img.sentak_sp{
	display: none;
	}
input#sentak02:checked ~ .sentak_box span.sentak_pc,
input#sentak02:checked ~ .sentak_box p.sentak_pc,
input#sentak02:checked ~ .sentak_box img.sentak_pc{
	display: none;
	}
input#sentak02:checked ~ .sentak_box p.sentak_sp,
input#sentak02:checked ~ .sentak_box img.sentak_sp{
	display: block;
	}
input#sentak02:checked ~ .sentak_box span.sentak_sp{
	display: inline-block;
	}
.guide_box .guide_step2{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin:0 0 10px;
	}
.guide_box .guide_step2 .try_box{
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align:center;
	position:relative;
	width:20px;
	flex-shrink: 0;
	flex-grow: 0;
	}
.guide_box .guide_step2 .try_box .try{
	position:absolute;
	top:0;
	bottom:0;
    left: 5px;
    right: 0;
	margin:auto 0;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border: 10px solid transparent;
    /*border-left: 10px solid #f4717e;*/
    border-left: 10px solid #CFD2D8;
	}
.guide_box .guide_step2 .step2_box{
	position:relative;
	text-align:center;
	/*background-color:#fff7f7;*/
	background-color:#fff;
	box-sizing:border-box;
	/*border: 1px solid #cf1426;*/
	/*border: 1px solid #747C8D;*/
	border: 1px solid #DCDCDC;
    /*borde-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;*/
	width:32%;
	flex-shrink: 1;
	flex-grow: 0;
	margin:10px 0 0;
	padding:0 0 1em;
	}
.guide_box .guide_step2 .step2_box:nth-child(2),
.guide_box .guide_step2 .step2_box:nth-child(5){
	margin:10px 1.5% 0;
	}
.guide_box .guide_step2 .step2_box .title_red{
	background-color:#cf1426;
	/*background-color:#747C8D;*/
	color:#fff;
	padding:0;
    /*borde-top-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-borde-top-right-radius: 6px;*/
	font-size: x-large;
	font-weight:bold;
	width:1.5em;
	height:1.5em;
	}
.guide_box .guide_step2 .step2_box .title_red span{
	display: inline-block;
	font-size: small;
	vertical-align: middle;
	margin:0 5px 0 0;
	}
.guide_box .guide_step2 .step2_box .icon_box{
	box-sizing:border-box;
	padding: 0px 10px 10px;
	/*background-color:#fff7f7;*/
	background-color:#fff;
    /*borde-bottom-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-borde-bottom-right-radius: 6px;*/
	}
.guide_box .guide_step2 .step2_box .icon_box img{
	display:block;
	width:100%;
	max-width:50px;
	height:auto;
	margin:0 auto;
	}
.guide_box .guide_step2 .step2_box .icon_box p{
	font-weight:bold;
	margin:0 auto 1em;
	}
.guide_box .guide_step2 .step2_box .icon_box p span{
	display: inline-block;
	}
.guide_box .guide_step2 .step2_box .icon_box p.tango{
	line-height:3em;
	}
.guide_box .guide_step2 .step2_box .icon_box a.def_btn{
	position:absolute;
	left:10px;
	right:10px;
	bottom:10px;
width : 98% ; /* IE8以下とAndroid4.3以下用フォールバック */
   width : -webkit-calc(100% - 20px) ;
   width : calc(100% - 20px) ;
	font-size:x-small;
	padding:3px 1.2em;
    /*borderadius: 20px;
    -webkit-border-radius: 20px;
    -moz-border--radius: 20px;*/
    borderadius: 5px;
    -webkit-border-radius: 5px;
    -moz-border--radius: 5px;
	background-color:#333E58;
	color: #fff;
	border: none;
	}
.guide_box .guide_step2 .step2_box .icon_box a.def_btn:hover,
.guide_box .guide_step2 .step2_box .icon_box a.def_btn:focus{
	color: #fff;
}
.guide_box .guide_step2 .step2_box .icon_box a.def_btn::before{
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}
.guide_box .guide_step2 .step2_box .icon_box a.def_btn:hover::before,
.guide_box .guide_step2 .step2_box .icon_box a.def_btn:focus::before{
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}
.guide_box .guide_step2 .step2_box .icon_box a.def_btn::after{
	background-color: #747C8D;
}
.guide_box .guide_step2 .step2_box .icon_box a.def_btn.ya.dwn::before{
    top: -4px;
	}
.guide_box .guide_step2 .step2_box .icon_box a.def_btn span.sptxt{
	display: inline-block;
}
.guide_box .guide_step2 .step2_box .icon_box a.def_btn span.pctxt{
	display:none;
}
.guide_box .guide_step2 + .naoshi_box{
	/*border-top:2px dotted #c2c2c2;*/
    border: 1px solid #DCDCDC;
	padding:1em 0;
	text-align:center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	}
.guide_box .guide_step2 + .naoshi_box img{
	display:block;
	width:100%;
	max-width:50px;
	height:auto;
	margin:0 auto;
	flex-shrink: 0;
	flex-grow: 0;
	}
.guide_box .guide_step2 + .naoshi_box p{
	text-align:left;
	width:80%;
	}
.guide_box .guide_step2 + .naoshi_box p span{
	display: inline-block;
	}
.guide_box .guide_step2 + .naoshi_box p span.sml{
	font-size:smaller;
	}
.guide_box .guide_step2 + .naoshi_box a.def_btn{
	width:10em;
	flex-shrink: 0;
	flex-grow: 0;
	padding:3px 0;
    color: #fff;
	background-color: #333E58;
    border:none;
    borderadius: 5px;
    -webkit-border-radius: 5px;
    -moz-border--radius: 5px;
	}
.guide_box .guide_step2 + .naoshi_box a.def_btn:hover,
.guide_box .guide_step2 + .naoshi_box a.def_btn:focus{
    color: #fff;
	background-color: #747C8D;
}
.guide_box .guide_step2 + .naoshi_box a.def_btn::after{
	background-color: #747C8D;

}
.guide_box .guide_step2 + .naoshi_box a.def_btn.ya::before{
	right:0.5em;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	}
.guide_box .guide_step2 + .naoshi_box a.def_btn.ya:hover::before,
.guide_box .guide_step2 + .naoshi_box a.def_btn.ya:focus::before{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;

}

.guide_box .saisun_nik + p{
	border-top: 1px solid #DCDCDC;
	padding:30px 0 0;
	}
.guide_box .saisun_nik + p a.def_btn{
    borderadius: 5px;
    -webkit-border-radius: 5px;
    -moz-border--radius: 5px;
	border: none;
	color: #fff;
	background-color: #333e58;
	}
.guide_box .saisun_nik + p a.def_btn::after{
	background-color: #747C8D;
	}


@media only screen and (min-width: 500px) {
.guide_box .guide_step2 .step2_box .icon_box a.def_btn.redline span.sptxt{
	display:none;
	}
.guide_box .guide_step2 .step2_box .icon_box a.def_btn.redline span.pctxt{
	display: inline-block;
	}
}
@media only screen and (min-width: 768px) {/*pc版*/
.guide_box .befbox p span{
	font-size:large;
	}
.guide_box .redbox .whibox p,
.guide_box .redbox .whibox p.kome,
.guide_box .redbox .whibox p.tenn,
.guide_box .redbox .whibox2 p,
.guide_box .redbox .whibox2 p.kome,
.guide_box .redbox .whibox2 p.tenn{
	font-size: medium;
	}
.guide_box .redbox h4{
	padding:0.5em 1em;
	}
.guide_box .redbox .whibox{
	padding:0.5em 1em;
	}
.guide_box .redbox .whibox2{
	flex-direction: row;
	}
.guide_box .redbox .whibox2 div{
	width:50%;
	}
.guide_box .redbox .whibox2 div:nth-child(1){
	padding:1em 0.5em 1em 1em;
	}
.guide_box .redbox .whibox2 div:nth-child(2){
	padding:1em 1em 1em 0.5em;
	}
.guide_box .redbox .whibox2 div .mapbox{
	height: 100%;
	margin: 0;
	padding:0;
	}
.guide_box .shiharai_box p.kome{
	font-size: medium;
	}
.sentak_box .sentak_col2{
	width:100%;
	}
.sentak_box .sentak_col2 .sentak_col1{
	width:50%;
	}
.sentak_box .sentak_col2,
.sentak_box .sentak_col1{
	padding:30px 0;
	}
.sentak_box .sentak_col2 img{
	width:46%;
	margin:0 0 1em;
	}
.sentak_box a.def_btn {
	margin:0;
}
.sentak_all{
	margin:35px 0 0;
	}
.guide_box .guide_step2{
	margin:1em 0 10px;
	}
.guide_box .todoke tr td:first-child.shiro{
	font-size: medium;
	}
.guide_box .guide_step2 .step2_box .icon_box a.def_btn{
	font-size:small;
	}
}

@media only screen and (min-width: 910px) {
.guide_box .guide_step2{
	flex-wrap: nowrap;
	justify-content: space-between;
	}
.guide_box .guide_step2 .step2_box{
	width:32%;
	}
.guide_box .guide_step2 .step2_box:nth-child(2),
.guide_box .guide_step2 .step2_box:nth-child(5){
	margin: 10px 0 0;
	}
}


/*--ご利用ガイドを分割--*/

.guide_col{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.guide_col .guide_menu{
	width:200px;
	padding-right:15px;
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
}
.guide_col .guide_main{
    width: 80%;
    max-width: 840px;
    min-width: 180px;
	display: block;
	flex-grow: 2;
	flex-shrink: 2;
}
.guide_col .guide_main div.guidenav{
	position:relative;
	margin:60px 0 0;
	padding:30px 0 0;
	border-top:1px solid #DCDCDC;
}
.guide_col .guide_main div.guidenav h4{
	text-align:center;
	color:#747C8D;
	font-size:large;
	font-weight:normal;
	}
.guide_col .guide_main div.guidenav ul{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.guide_col .guide_main div.guidenav ul li{
	width : -webkit-calc(100% / 3) ;
	 width : calc(100% / 3) ;
}
.guide_col .guide_main div.guidenav ul li a{
	position:relative;
	display: block;
	padding:20px 0;
	text-align:center;
	font-size:90%;
	background-color: #F5F7F8;
	border-right:1px solid #DCDCDC;
	border-bottom:1px solid #DCDCDC;
}
.guide_col .guide_main div.guidenav ul li a:hover,
.guide_col .guide_main div.guidenav ul li a:focus,
.guide_col .guide_main div.guidenav ul li a:active{
	background-color: #DFE5E7;
	color: #282828;
	}
.guide_col .guide_main div.guidenav ul li a::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    width: 6px;
    height: 6px;
    border-top: 2px solid #A0A0A0;
    border-right: 2px solid #A0A0A0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
}
.guide_col nav#mypgnav.guidenav ul li a.activ{
	background-color: #F5F7F8;
}
.guide_col div.guide_main .guidenav ul li a.activ{
	background-color: #747C8D;
	color: #fff;
}

@media only screen and (max-width: 768px) {
.guide_col .guide_menu{
	display:none;
	}
.guide_col .guide_main{
	width:100%;
	}
.guide_col .guide_main .guidenav{
	margin:30px 0 0;
	padding:15px 0 0;
	}
.guide_col .guide_main div.guidenav ul li{
	width : -webkit-calc(100% / 2) ;
	 width : calc(100% / 2) ;
	}
}
@media only screen and (max-width: 480px) {
.guide_col .guide_main div.guidenav ul li a{
	font-size:small;
	}
}



/*性別をロードする枠*/
.lm_load{
	display:none;
	}
@media only screen and (min-width: 768px) {/*pc版*/
/*カート_カートの中身上部*/
div.table#cart_item_list ol li {
    background: #EAEEF0;
    padding: 10px;
	font-weight:normal;;
	}
}

/*カートの中_配送方法を選択*/
#shipping_confirm_box--0 p.haisou_1,
#shipping_confirm_box--0 p.haisou_2{
	margin:0;
	}
@media only screen and (min-width: 768px) {/*pc版*/
	.hissu_abs{
		max-width: calc(100% - 280px);
		float: left;
	}
}

.dl_table .hissu_box{/*必須アイテム確認チェックボックス*/
	text-align:center;
	}
.hissu_abs{
	position:relative;
	height:auto;
}
.hissu_itempop,
.hissu_item{/*カートの中_必須アイテムの有無*/
	font-size: small;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	}
.hissu_item{
	position:relative;
	top: auto;
	left:auto;
	box-sizing:border-box;
	border:1px solid #cf1426;
	padding:1em;
	margin:0 auto;
	}
.hissu_itempop span,
.hissu_item span{
	display:inline-block;
	}
.hissu_itempop .lm_load,
.hissu_item .lm_load{
	display:none;
	}
.hissu_itempop p,
.hissu_item p{
	margin:0 0 0.5em;
	width:100%;
	text-align:center;
	}
.hissu_item p{
	text-align:left;
	}
.hissu_abs .hissu_item h3{
	font-size: x-large;
	font-weight:normal;
	color:#cf1426;
	margin:0 0 5px;
	text-align:left;
	line-height:1em;
	}
.hissu_itempop p:nth-child(2){
	font-size: medium;
	}
.hissu_itempop p span.hissu_kei,
.hissu_itempop p span.bold,
.hissu_item p span.hissu_kei,
.hissu_item p span.bold{
	font-size:x-large;
	font-weight:bold;
	color:#cf1426;
	}
.hissu_itempop ul,
.hissu_item ul{
	position:relative;
	display: flex;
	flex-wrap: wrap;
	width:100%;
	box-sizeing:border-box;
	min-height:3em;
	}
.hissu_item ul{
	padding:10px 0 10px 5.5em;
	}
.saix_box .hissu_itempop ul{
	padding:2.7em 0 10px 0;
	}
.hissu_itempop ul.la_list,
.hissu_itempop ul.me_list,
.hissu_item ul.la_list,
.hissu_item ul.me_list{
	border-top:1px solid #dcdcdc;
	}
.hissu_itempop ul.all_list,
.hissu_item ul.all_list{
	border-top:1px dotted #dcdcdc;
	}
.hissu_itempop ul li,
.hissu_item ul li{
	display:block;
	margin:0;
	width:50%;
	}
.hissu_itempop ul li{
	font-size:x-small;
	}
.hissu_itempop ul li.all16,
.hissu_item ul li.all16{
	width:100%;
	}
.hissu_itempop ul li.title,
.hissu_item ul li.title{
	position:absolute;
	top:10px;
	left:0;
	display:block;
	width:5em;
	color:#fff;
	padding:2px;
	box-sizing:border-box;
	text-align:center;
	font-size:small;
	height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hissu_itempop ul li.title.la,
.hissu_item ul li.title.la{
    background-color: #f4717e;
}
.hissu_itempop ul li.title.me,
.hissu_item ul li.title.me{
    background-color: #78a5e8;
}
.hissu_itempop ul li.title.co,
.hissu_item ul li.title.co{
    background-color: #f29721;
}
.hissu_itempop ul li.title.all,
.hissu_item ul li.title.all{
    background-color: #f29721;
	}
.hissu_itempop ul li a{
	color: #337ab7;
	text-decoration:underline;
	font-size:small;
	line-height:1.8em;
	}
.hissu_itempop ul li a:hover{
	text-decoration:none;
	}
.hissu_item ul li a{
	color:#007EBE;
	text-decoration:none;
	}
.hissu_item ul li a:hover{
	text-decoration:underline;
	}
.hissu_item table.hissu_cart7{/*通信制用必須アイテム確認*/
	width:100%;
	border:1px solid #c4c4c4;
	}
.hissu_item table.hissu_cart7 td,
.hissu_item table.hissu_cart7 th{
	font-weight:normal;
	width:50%;
	padding:3px;
	}
.hissu_item table.hissu_cart7 th{
	text-align:center;
	border-bottom:1px solid #c4c4c4;
	}
.hissu_item .la_list table.hissu_cart7 tr th{
    background-color: #fce2e4;
	}
.hissu_item .me_list table.hissu_cart7 tr th{
    background-color: #e3ecfa;
	}
.hissu_item table.hissu_cart7 tr td{
	text-align: left;
	border-bottom:1px solid #c4c4c4;
	}
.hissu_item table.hissu_cart7 tr:last-child td{
	border-bottom:none;
	}
.hissu_item table.hissu_cart7 tr th:first-child,
.hissu_item table.hissu_cart7 tr td:first-child{
	border-right:1px solid #c4c4c4;
	box-sizing:border-box;
	}
.hissu_item table.hissu_cart7 tr td span a.open,
.hissu_item table.hissu_cart7 tr td span a.open:hover,
.hissu_item table.hissu_cart7 tr td span a.open:focus,
.hissu_item table.hissu_cart7 tr td span a.open:active{
    color: #cf1426;
	}
.hissu_item table.hissu_cart7 tr td span a,
.hissu_item table.hissu_cart7 tr td span a:hover,
.hissu_item table.hissu_cart7 tr td span a:focus,
.hissu_item table.hissu_cart7 tr td span a:active{
    color: #999;
	}
@media only screen and (min-width: 768px) {/*pc版*/
#cart .total_box{
	height:500px;
	}
.hissu_item{
	padding:1.5em;
	}
.hissu_itempop,
.hissu_item{/*カートの中_必須アイテムの有無*/
	font-size: 90%;
	}
.hissu_abs .hissu_item ul{
	width:100%;
	}
.hissu_abs .hissu_item ul.all_list{
	margin:1em 0 0;
	}
.hissu_itempop ul li,
.hissu_item ul li{
	width: 33%;
	text-align: center;
}
.hissu_item table.hissu_cart7 td,
.hissu_item table.hissu_cart7 th{
	padding:5px;
	}
}


/*ランキング枠_動かないタイプ*/
.rank_box{
	border-top:1px solid #c2c2c2;
	margin: 0 0 2em;
	}
.rank_box .rank_btn{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	}
.rank_box .rank_btn div{
	display:block;
	flex-grow: 1;
	flex-shrink: 1;
	box-sizing:border-box;
	padding:0.5em;
	width:24%;
	text-align:center;
	font-size:90%;
	}
.rank_box .rank_btn div span{
	display:inline-block;
	}
.rank_box .rank_btn div:nth-child(1),
.rank_box .rank_btn div:nth-child(2){
	margin:0;
	}
.rank_box .rank_btn div:nth-child(3),
.rank_box .rank_btn div:nth-child(4),
.rank_box .rank_btn div:nth-child(5),
.rank_box .rank_btn div:nth-child(6),
.rank_box .rank_btn div:nth-child(7),
.rank_box .rank_btn div:nth-child(8){
	margin:0 0 0 1%;
	}
.rank_box .rank_btn .btn_red{
	position:relative;
	background-color:#cf1426;
	color:#fff;
	}
.rank_box .rank_btn .btn_red::before{
	content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top: 6px solid #cf1426;
	}
.rank_box .rank_btn .btn_gray{
	background-color:#f5f4f2;
	color:#282828;
	cursor : pointer;
	}
.rank_box .rank_btn .btn_red.red01{
	display:block;
	}
.rank_box .rank_btn .btn_red.red02,
.rank_box .rank_btn .btn_red.red03,
.rank_box .rank_btn .btn_red.red04{
	display:none;
	}
.rank_box .rank_btn .btn_gray.gray01{
	display:none;
	}
.rank_box .rank_btn .btn_gray.gray02,
.rank_box .rank_btn .btn_gray.gray03,
.rank_box .rank_btn .btn_gray.gray04{
	display:block;
	}
.rank_box .rank_list{
	margin:1em 0 0;
	background-color:#f8f8f8;
	padding:1em 1em 0;
	}
.rank_box .rank_list .list_box{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	box-sizing:border-box;
	}
.rank_box .rank_list .list_box h4{
	flex-grow: 5;
	flex-shrink: 0;
	display:block;
	width:100%;
	flex-basis: 100%;
	margin:0;
	}
.rank_box .rank_list .list_box .list_item{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin:1em 0 1em;
	flex-grow: 0;
	width:100%;
	flex-basis: 100%;
	}
.rank_box .rank_list .list_box .list_item:nth-child(2),
.rank_box .rank_list .list_box .list_item:nth-child(6),
.rank_box .rank_list .list_box .list_item:nth-child(10),
.rank_box .rank_list .list_box .list_item:nth-child(14){
	margin:1em 0 1em;
	}
.rank_box .rank_list .list_box .list_item:nth-child(3),
.rank_box .rank_list .list_box .list_item:nth-child(4),
.rank_box .rank_list .list_box .list_item:nth-child(7),
.rank_box .rank_list .list_box .list_item:nth-child(8),
.rank_box .rank_list .list_box .list_item:nth-child(11),
.rank_box .rank_list .list_box .list_item:nth-child(12),
.rank_box .rank_list .list_box .list_item:nth-child(15),
.rank_box .rank_list .list_box .list_item:nth-child(16){
	margin:0 0 1em;
	}
.rank_box .rank_list .list_box .list_item .photobox{
	flex-grow: 0;
	flex-shrink: 0;
	display:block;
	width:90px;
	height:90px;
	box-sizing:border-box;
	border:1px solid #dcdcdc;
	background-position:center;
	background-size:cover;
	margin:0 1em 0 0;
	}
.rank_box .rank_list .list_box .list_item .txbox{
	flex-grow: 1;
	flex-shrink: 1;
	font-size:smaller;
	}
.rank_box .rank_list .list_box .list_item .txbox h5{
	background-color:#f0ad4e;
	color:#fff;
	margin:0 0 0.5em;
	box-sizing:border-box;
	padding:3px 0;
	font-size: medium;
	text-align:center;
	}
.rank_box .rank_list .list_box .list_item .txbox a{
	color:#cf1426;
	text-decoration:underline;
	}
.rank_box .rank_list .list_box .list_item .txbox a:hover,
.rank_box .rank_list .list_box .list_item .txbox a:focus,
.rank_box .rank_list .list_box .list_item .txbox a:active{
	text-decoration:none;
	}
.rank_box .rank_list .list_box .list_item .txbox p{
	margin:0;
	}
@media only screen and (min-width: 768px) {
.rank_box .rank_list .list_box .list_item{
	flex-grow: 0;
	width:49%;
	flex-basis: 49%;
	}
.rank_box .rank_list .list_box .list_item .photobox{
	width:90px;
	height:90px;
	}
.rank_box .rank_list .list_box .list_item:nth-child(2),
.rank_box .rank_list .list_box .list_item:nth-child(6){
	margin:1em 1% 1em 0;
	}
.rank_box .rank_list .list_box .list_item:nth-child(3),
.rank_box .rank_list .list_box .list_item:nth-child(7){
	margin:1em 0 1em 1%;
	}
.rank_box .rank_list .list_box .list_item:nth-child(4),
.rank_box .rank_list .list_box .list_item:nth-child(8){
	margin:1em 0 1em;
	}
}
@media only screen and (min-width: 900px) {
.rank_box .rank_list .list_box .list_item{
	flex-grow: 3;
	width:30%;
	flex-basis: 30%;
	}
.rank_box .rank_list .list_box .list_item .photobox{
	width:120px;
	height:120px;
	}
.rank_box .rank_list .list_box .list_item:nth-child(2),
.rank_box .rank_list .list_box .list_item:nth-child(6),
.rank_box .rank_list .list_box .list_item:nth-child(10),
.rank_box .rank_list .list_box .list_item:nth-child(14){
	margin:1em 1% 1em 0;
	}
.rank_box .rank_list .list_box .list_item:nth-child(3),
.rank_box .rank_list .list_box .list_item:nth-child(4),
.rank_box .rank_list .list_box .list_item:nth-child(7),
.rank_box .rank_list .list_box .list_item:nth-child(8),
.rank_box .rank_list .list_box .list_item:nth-child(11),
.rank_box .rank_list .list_box .list_item:nth-child(12),
.rank_box .rank_list .list_box .list_item:nth-child(15),
.rank_box .rank_list .list_box .list_item:nth-child(16){
	margin:1em 1% 1em;
	}
}
/*ご利用規約*/
.complete_all.agree,
.complete_all.agree p,
.complete_all.agree ol li{
	font-size:middle;
	}
table.agreement {
	border: 1px solid #dcdcdc;
	border-collapse: collapse;
	padding: 10px;
	table-layout: fixed;
	width: 100%;
  }
  table.agreement th,
  table.agreement td {
	border: 1px solid #dcdcdc;
	padding: 10px;
  }
  table.agreement th:first-child,
  table.agreement td:first-child {
	width: 240px;
	border: 1px solid #dcdcdc;
	padding: 10px;
  }
table.agreement td span{
	display:inline-block;
	}
@media only screen and (max-width: 768px) {/*スマホ版*/
.complete_all.agree,
.complete_all.agree p,
.complete_all.agree ol li{
	font-size:small;
	}
table.agreement th,
table.agreement td {
	padding:5px;
	}
table.agreement th:first-child,
table.agreement td:first-child {
	width: 11em;
	}
}
@media only screen and (max-width: 480px) {
table.agreement th,
table.agreement td {
	padding:5px;
	}
table.agreement th:first-child,
table.agreement td:first-child {
	width: 8em;
	}
}


/*top_お知らせ枠*/
.index_conttop{
    max-width: 1110px;
    box-sizing: border-box;
    padding-left: 8px;
    padding-right: 50px;
	margin:1em auto 1em;
	}
.index_conttop .caution{/*決済機能がない連絡*/
	display: flex;
	flex-direction: column;
	justify-content: space-between;
    border: 1px solid #ff8c00;
	}
.index_conttop .caution .title{
	flex-grow: 0;
	flex-shrink: 0;
	background-color:#ff8c00;
	color:#fff;
	font-weight:bold;
    background-image: url(../img/unishop/icon_att2.png);
    background-size: 40px 35px;
    background-position: left 5px center;
    background-repeat: no-repeat;
	box-sizing:border-box;
	padding-left:50px;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
	height:auto;
	min-height:50px;
	}
.index_conttop .caution .title span{
	display:inline-block;
	}
.index_conttop .caution .txtbox{
	flex-grow: 2;
	flex-shrink: 2;
	box-sizing:border-box;
	padding:5px;
	font-size: small;
	}
.index_conttop .caution .txtbox p{
	margin:0;
	}
.index_conttop .caution .txtbox a{
	color:#cf1426;
	text-decoration:underline;
	}
.index_conttop .caution .txtbox a:hover,
.index_conttop .caution .txtbox a:focus{
	text-decoration: none;
	}
@media only screen and (min-width: 768px) {
.index_conttop{
    padding-left: 15px;
	margin:0 auto 30px;
	}
.index_conttop .caution .txtbox{
	font-size:90%;
	}
}
@media only screen and (min-width: 1170px) {
.index_conttop{
    padding-right: 15px;
	}
}

/*決済機能がない連絡_ご利用ガイド用*/
.guide_kessai_x{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	background-color:#fff7f7;
    background-image: url(../img/unishop/icon_att1.png);
    background-size: 40px 35px;
    background-position: left 1em top 1em;
    background-repeat: no-repeat;
	box-sizing:border-box;
	padding:1em 1em 1em 70px;
	margin:1em auto 1em;
	}
.guide_kessai_x p.midasi{
	font-size:larger;
	font-weight:bold;
	}
.guide_kessai_x p.midasi,
.guide_kessai_x p.sml{
	margin:0;
	}
@media only screen and (min-width: 768px) {
.guide_kessai_x.cont1{
	margin:2em auto 1em;
	}
}

/*過去に注文した商品がカートに入っている場合*/
.rireki_hikaku{
	margin:0;
	padding:0;
	}
.rireki_hikaku iframe.mypgrireki{
	height:0;
	border:0;
	frameborder:0;
	}
.rireki_hikaku .detail_on{
	display: none;
	padding:0;
	margin:0 0 -1em;
}
.rireki_hikaku .detail_on p{
	font-size:small;
}
.rireki_hikaku .detail_on p.title{
	color: #cf1426;
	display:block;
	width:100%;
	margin:1em 0 0.5em;
}
.rireki_hikaku .detail_on p.title ~ div{
	display:inline-block;
}
.rireki_hikaku .detail_on p.subt,
.rireki_hikaku .detail_on p.answ,
.rireki_hikaku .detail_on p.answ2{
	display:inline-block;
	margin:0;
	}
.rireki_hikaku .detail_on p.answ{
	margin:0 1em 0 0;
}
@media only screen and (min-width: 768px){
.rireki_hikaku .detail_on{
	margin:0;
	}
	.rireki_hikaku .detail_on p{
		font-size: medium;
	}
	.rireki_hikaku .detail_on p.title{
		margin:0 0 0.5em;
	}
}

.item_detail + .history_on{/*カートに履歴ありアイテム時に使う枠*/
	display: none;
	text-align: left;
	}
.item_detail + .history_on p{
	margin:0;
}
.historylist_column .order_date {
	font-weight: normal;
}
.history_on div{
	display: inline-block;
}
.history_on .title{
	text-decoration: underline;
}
.history_on .history_tit,
.history_on .history_time,
.history_on .history_size{
	display: inline-block;
	font-size: small
}
.history_on .history_time{
	padding:0 1em 0 0;
}
@media only screen and (min-width: 768px){
.history_on .history_tit,
.history_on .history_time,
.history_on .history_size{
		font-size: medium;
	}
}

/*カートに追加しても推移させない*/
.message.cartin a.btn{
    padding: 0;
}
.message.cartin .alert-success{
    background-color: #c8aa82;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}
.message.cartin + .cartin_pop .saix_box .saix_txt{
    top: 2em;
    margin:0 auto;
    /*max-height: 500px;*/
    max-height: 180px;
}
.message.cartin + .cartin_pop .saix_box .saix_txt .saix_right h2 {
    border-bottom: none;
    margin:0;
}
.message.cartin + .cartin_pop .saix_box .saix_txt .cartin_det{/*いまカートに入れたもの*/
	position: relative;
    border-top: 1px solid #C2C2C2;
    border-bottom: 1px solid #C2C2C2;
	margin: 0;
	padding:15px 0;
}
.message.cartin + .cartin_pop .saix_box .saix_txt .cartin_det .item_box{
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.message.cartin + .cartin_pop .saix_box .saix_txt .cartin_btn{
	position: relative;
    margin:1em 0 0;
	}
.message.cartin + .cartin_pop .saix_box .saix_txt .cartin_btn .def_button3,
.message.cartin + .cartin_pop .saix_box .saix_txt .cartin_btn .def_button3:nth-child(1),
.message.cartin + .cartin_pop .saix_box .saix_txt .cartin_btn .def_button2,
.message.cartin + .cartin_pop .saix_box .saix_txt .cartin_btn .def_button2:nth-child(1),
.message.cartin + .cartin_pop .saix_box .saix_txt .cartin_btn .def_button2:nth-child(2){
    padding: 0 1.5em;
    left:auto;
    right:auto;
    bottom: auto;
	position: relative;
    margin:0 auto;
	width:100%;
}
.message.cartin + .cartin_pop .saix_box .saix_txt .cartin_btn .def_button3:nth-child(1),
.message.cartin + .cartin_pop .saix_box .saix_txt .cartin_btn .def_button2:nth-child(1),
.message.cartin + .cartin_pop .saix_box .saix_txt .cartin_btn .def_button2:nth-child(2){
    left:0;
    right:0;
}
.message.cartin + .cartin_pop .saix_box .saix_txt .cartin_btn .def_button2:nth-child(2){
    margin:0.5em auto 0;
}
.message.cartin + .cartin_pop .saix_box .saix_txt .cartin_det .item_box.clearfix:before,
.message.cartin + .cartin_pop .saix_box .saix_txt .cartin_det .item_box.clearfix:after{
    display:none;
}
.message.cartin + .cartin_pop .saix_box .saix_txt .cartin_det .item_box .item_photo{
    padding: 0;
    margin:0;
}
.message.cartin + .cartin_pop .saix_box .saix_txt .cartin_det .item_box .cateicon,
.message.cartin + .cartin_pop .saix_box .saix_txt .cartin_det .item_box .tagicon{
	position: relative;
	display: inline-block;
    margin:0;
    bottom: auto;
}
.message.cartin + .cartin_pop .saix_box .saix_txt .cartin_det .item_box .item_detail .item_name{
    font-size: large !important;
    margin: 0.5em 0 0 !important;
}
@media only screen and (min-width: 768px){
.message.cartin + .cartin_pop .saix_box .saix_txt {
    /*max-width: 720px;
    max-height: 360px;*/
    max-width: 500px;
    max-height: 200px;
	}
.message.cartin + .cartin_pop .saix_box .saix_txt .cartin_det .item_box{
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	}
.message.cartin + .cartin_pop .saix_box .saix_txt .cartin_btn .def_button2,
.message.cartin + .cartin_pop .saix_box .saix_txt .cartin_btn .def_button3,
.message.cartin + .cartin_pop .saix_box .saix_txt .cartin_btn .def_button2:nth-child(1),
.message.cartin + .cartin_pop .saix_box .saix_txt .cartin_btn .def_button3:nth-child(1),
.message.cartin + .cartin_pop .saix_box .saix_txt .cartin_btn .def_button2:nth-child(2),
.message.cartin + .cartin_pop .saix_box .saix_txt .cartin_btn .def_button3:nth-child(2){
	position: absolute;
	width:48%;
	margin: 0;
}
.message.cartin + .cartin_pop .saix_box .saix_txt .cartin_btn .def_button3:nth-child(1),
.message.cartin + .cartin_pop .saix_box .saix_txt .cartin_btn .def_button2:nth-child(1){
    right:auto;
    left:0;
}
.message.cartin + .cartin_pop .saix_box .saix_txt .cartin_btn .def_button2:nth-child(2){
    left:auto;
    right:0;
}
.message.cartin + .cartin_pop .saix_box .saix_txt .cartin_det .item_box .item_detail{
    margin:0 0 0 1em;
	}
.message.cartin + .cartin_pop .saix_box .saix_txt .cartin_det .item_box .item_detail .item_name{
    margin: 0 !important;
	}
}
.cart .btn_area ul{/*ヘッダーカートのボタン*/
	display: flex;
	 flex-direction: row-reverse;
	 justify-content: space-between;
}
.cart .btn_area ul li{
	width:48%;
}
.cart .btn_area .btn-sm ,
.cart .btn_area .btn-primary {
    line-height: 40px;
    height: 40px;
    padding: 0;
}
.main_school{
	width: 80%;
	margin: 0 auto;
	margin-bottom: 50px;
}
.nav-tabs{
	width: 100%;
	text-align: center;
	border: none !important;
}
.nav-tabs li{
	width: 33%;

}
.nav-tabs li a{
	color: #5d5d5d;
	font-weight: bold;
	background: #ddd6;
	border: none !important;
	border-radius: 0px !important;
	border-radius: 0px !important;
	margin-right: 0px !important;
}
.nav-tabs li.active{
	width: 34%;
}
.nav-tabs li.active a{
	background-color: #CF1426; !important;
	border: none !important;
	color: white !important;
	border-radius: 0px;
}
.nav-tabs li.active:after{
	content: "";
	background-color: #CF1426;
	font-size: 15px;
	font-family: monospace;
	margin-top: -5px;
	display: block;
}

.list_school{
	margin-top: 30px;
}

.list_school .title{
	background: #9c9c9c;
	color: white;
	height: 40px;
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	padding-left: 10px;
}


.list_school .shop{

}

.list_school .shop .title_shop{
	margin-top: 25px;
	font-weight: bold;
	margin-bottom: 15px;
}
.title_shop span{
	color: red;
	margin-right: 10px;
}
.list_school .shop .city{

}
.list_school .shop .city table{
	width: 100%;
}
.list_school .shop .city table tr{
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	height: 35px;
}
.list_school .shop .city table .name_city{
	width: 25%;
	background: #e7e7e7;
	padding-left: 10px;
}
.list_school .shop .city table .name_school{
	padding: 10px;
}
.title-temporary{
	text-align: center;
	border-top: 1px dotted grey;
	margin-top: 30px;
	padding-top: 30px;
	margin-bottom: 30px;
}
.temporary-line-left{
	border: 1px solid red;
	height: 180px;
	background: #ffc8c8;
	padding: 60px 15px 15px 15px;
	font-weight: bold;
}
.title-temporary a{
	color: #00bef8;
}
.title-temporary span{
	font-weight: bold;
}
.flow-temporary{
	background: #525263bd;
	padding: 8px 16px;
	color: white;
	font-weight: bold;
}
.notification{
	margin: 30px 0px 25px 0px;
}
.notification span{
	color: red;
}
.title_solid{
	border-bottom: 2px solid black;
	background-image: none;
}

.table-temporary{
	width: 100%;
	border: 1px solid red;
	height: 250px;
	padding: 15px;
}

.table-temporary-165{
	height: 165px !important;
}
.table-temporary-110{
	height: 110px !important;
}
.none-border{
	border-bottom: none !important;
}
.table-temporary .td-left{
	border-right: 1px solid red;
	width: 23%;
	padding: 15px;
	background: #fee9e9;
	font-weight: bold;
}.table-temporary .td-left span{
	color: red;
}
.table-temporary .td-right{
	width: 70%;
}
.table-temporary .booking{
	border-bottom: 1px solid red;
	height: 90px;
}
.table-temporary .booking a{
	height: 35px;
	line-height: 5px;
	width: 250px;
	font-weight: normal;
	margin: 15px 0px 0px 0px;
	font-size: 95%;
}
.table-temporary .exposition{
	height: 110px;
}
.exposition .migi{
	margin-left: 53px !important;
}
.exposition a{
	color: #00bef8;
}
.exposition .date-time{
}
.migi{
	font-weight: bold;
}
.table-temporary .col-left{
	font-weight: bold;
	height: 90px;
	line-height: 90px;
}
.table-temporary .col-left span{
	margin-left: 12px;
}
.table-nonetemporary{
	height: 100px;
}
.div-temporary{
	width: 100%;
	margin: 0 auto;
	font-size: small;
}

.table-nonetemporary .procedure{
	width: 250px;
	height: 35px;
	line-height: 5px;
	font-weight: normal;
	font-size: 95%;
}
.table-nonetemporary .td-left span{
	color: red;
}
@media only screen and (min-width: 768px){
.div-temporary{
	width: 80%;
	font-size: 90%;
	}

}
/*
マイページ／ご注文履歴
*/

.history_list__item_notify {
	margin-top: 5px;
}
.history_list__item_notify_text {
	text-align: center;
	color: #fff;
	background-color: #CF1426;
	border: 1px solid #CF1426;
}
.history_list__item_notify_note {
	color: #CF1426;
	border: 1px solid #CF1426;
}
/*--マイページメニュー下部--*/
#mypgbtm{
	/*border-top:1px solid #DCDCDC;*/
}
#mypgbtm h5{
	font-size:large;
	font-weight:normal;
	text-align:center;
	color:#747C8D;
}
#mypgbtm ul{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}
#mypgbtm ul li{
	display: block;
	width : 50% ; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(100% / 2) ;
	 width : calc(100% / 2) ;
	border-bottom:1px solid #DCDCDC;
	border-right:1px solid #DCDCDC;
}
#mypgbtm ul li a{
	display: flex;
	justify-content: center;
	align-items: center;
	width :100%;
	height:100%;
	background-color:#F5F7F8;
	text-align:center;
	padding: 0;
	font-size:small;
}
#mypgbtm ul li a:hover,
#mypgbtm ul li a:focus,
#mypgbtm ul li a:active{
	background-color:#dfe5e7;
	color:#282828;
}
#mypgbtm ul li a.active{
	background-color:#747C8D;
	color:#fff;
	}
#mypgbtm ul li a span{
	display: inline-block;
	background-size: 40px 40px;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 10px 0 10px 50px;
}
#mypgbtm ul li a span span{
	background-image:none;
	padding: 0;
	}
#mypgbtm ul li:nth-child(1) a span{
	background-image: url(../img/unishop/mypg_icon05.png);
}
#mypgbtm ul li:nth-child(2) a span{
	background-image: url(../img/unishop/mypg_icon01.png);
}
#mypgbtm ul li:nth-child(3) a span{
	background-image: url(../img/unishop/mypg_icon02.png);
}
#mypgbtm ul li:nth-child(4) a span{
	background-image: url(../img/unishop/mypg_icon07.png);
}
#mypgbtm ul li:nth-child(5) a span{
	background-image: url(../img/unishop/mypg_icon03.png);
}
#mypgbtm ul li:nth-child(6) a span{
	background-image: url(../img/unishop/mypg_icon06.png);
}
@media only screen and (min-width: 768px){
#mypgbtm ul li{
	width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(100% / 3) ;
	 width : calc(100% / 3) ;
}
#mypgbtm ul li a{
	padding: 10px 0;
	font-size:90%;
	}

}

/*--初回登録・初回ログイン_説明枠--*/
.first_step{
	display:block;
	border:1px solid #CF1426;
	padding:20px;
	text-align:center;
}
.first_step h4{
	color:#CF1426;
	font-size:large;
	font-weight:normal;
	margin:0 0 20px;
}
.first_step p{
	margin:0;
	font-size:90%;
}
.first_step p span{
	display:inline-block;

}
@media only screen and (max-width: 768px){
.first_step{
	padding:10px;
	}
.first_step h4{
	margin:0 0 10px;
	}
}

/*--生徒情報登録--*/
p.tourok,
.tourok + div label{
	font-size:90%;
	}
.tourok + div{
	text-align:center;
	}
.tourok_check + label a{
	color:#007EBE;
	text-decoration:none;
	}
.tourok_check + label a:hover,
.tourok_check + label a:focus,
.tourok_check + label a:active{
	text-decoration:underline;
	}
.tourok ~ div#top_box__footer .btn-primary.def_btn.ya.radius1{
	background-color:#333E58;
	border:none;
	padding: 10px 0;
	font-size:90%;
	font-weight:normal;
	}
.tourok ~ div#top_box__footer .btn-primary.def_btn.ya.radius1::after{
	background-color:#747c8d;
	}
.entryactbtn .def_btn.ya.radius1,
.entryconfbtn .btn-primary.def_btn.ya,
.entryconfbtn .btn-info.def_btn2.ya{
	border:none;
	padding: 10px 0;
	font-size:90%;
	font-weight:normal;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	}
.entryconfbtn .btn-primary.def_btn.ya:hover,
.entryconfbtn .btn-primary.def_btn.ya:focus,
.entryconfbtn .btn-primary.def_btn.ya:active{
	background-color:#CF1426;
	}
.entryconfbtn .btn-primary.def_btn.ya::after{
	background-color:#f4717e;
	}
.entryactbtn .def_btn.ya.radius1,
.entryactbtn .def_btn.ya.radius1:hover,
.entryactbtn .def_btn.ya.radius1:focus,
.entryactbtn .def_btn.ya.radius1:active{
	background-color:#333E58;
	}
.entryactbtn .def_btn.ya.radius1::after{
	background-color:#747c8d;
	}
#wrapper ~ #wrapper.error_page{
	display:none;
	}
@media only screen and (max-width: 768px){
p.tourok{
	font-size:small;
	}
}

/*--採寸ページ切り替え新--*/
.saisun_nik{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.saisun_nik input[type="radio"]{
	display:none;
}
.saisun_nik input[type="radio"] + label{
	position: relative;
	flex-grow: 2;
	flex-shrink: 2;
	width:50%;
	display:block;
	background-color:#EAEEF0;
	color:#282828;
	padding:8px;
	text-align:center;
	font-size:90%;
}
.saisun_nik input[type="radio"] + label::after{
	content:"";
	position: absolute;
	bottom:-7px;
	left:0;
	right:0;
	margin:0 auto;
	width:14px;
	height:14px;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.saisun_nik input[type="radio"]#col_la:checked + label{
	background-color:#FE6189;
	color:#fff;
}
.saisun_nik input[type="radio"]#col_la:checked + label::after{
	background-color:#FE6189;
	}
.saisun_nik input[type="radio"]#col_me:checked + label{
	background-color:#4CAFE0;
	color:#fff;
}
.saisun_nik input[type="radio"]#col_me:checked + label::after{
	background-color:#4CAFE0;
	}
.saisun_nik .box_la,
.saisun_nik .box_me{
	display:none;
	margin:40px 0;
}
.saisun_nik input[type="radio"]#col_la:checked ~ .box_la,
.saisun_nik input[type="radio"]#col_me:checked ~ .box_me{
	width:100%;
	display:flex;
	flex-direction: row;
	justify-content: space-between;
}
.saisun_nik .box_la img,
.saisun_nik .box_me img{
	display:block;
	width:50%;
	max-width: 413px;
	height:auto;
	margin:0 auto;
	}
.saisun_nik .box_la img + div,
.saisun_nik .box_me img + div{
	width:50%;
	text-align:center;
	font-size:90%;
	}
.saisun_nik .box_la div div.atte{
	width:100%;
	max-width: 430px;
	text-align:left;
	margin:0 auto;
    background-image: url(../img/unishop/icon_att1.png);
    background-position: left top;
    background-size: 32px 28px;
    background-repeat: no-repeat;
    padding: 0 0 0 50px;
}
.saisun_nik .box_la div div.atte span{
	display:inline-block;
	}
.saisun_nik .box_la div div.atte p{
	margin:0 auto 1em;
	}
.saisun_nik .box_la div iframe,
.saisun_nik .box_me div iframe{
	max-width: 480px;
	}
@media only screen and (max-width: 768px){
.saisun_nik .box_la,
.saisun_nik .box_me{
	margin:20px 0;
	}
.saisun_nik input[type="radio"]#col_la:checked ~ .box_la,
.saisun_nik input[type="radio"]#col_me:checked ~ .box_me{
	flex-direction: column;
	}
.saisun_nik .box_la img,
.saisun_nik .box_me img,
.saisun_nik .box_la img + div,
.saisun_nik .box_me img + div{
	width:100%;
	margin:0 auto;
	}
.saisun_nik .box_la img + div,
.saisun_nik .box_me img + div{
	margin:20px auto 0;
	}
}


/*--mypg必須リスト--*/

.mypg_itemlist{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:space-between;
	padding:30px 0 0;
	border-top:1px solid #DCDCDC;
}
.mypg_itemlist ul{
	width:100%;
	border-left:1px solid #DCDCDC;
}
.mypg_itemlist ul.la_list,
.mypg_itemlist ul.me_list{
	display:none;
	border-top:1px solid #DCDCDC;
	}
.mypg_itemlist ul li{
	position: relative;
	padding:5px 10px;
	border-right:1px solid #DCDCDC;
	border-bottom:1px solid #DCDCDC;
	background-color:#fff;
}
.mypg_itemlist ul li.title{
	display:none;
	}
.mypg_itemlist input[type="radio"]{
	display:none;
}
.mypg_itemlist .hosok_on ul.all_list,
.mypg_itemlist input[type="radio"]#list_la:checked ~ .hosok_on ul.la_list,
.mypg_itemlist input[type="radio"]#list_me:checked ~ .hosok_on ul.me_list{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	flex-grow: 0;
	flex-shrink: 0;
	}
.mypg_itemlist input[type="radio"] + label{
	position: relative;
	flex-grow: 2;
	flex-shrink: 2;
	width:50%;
	display:block;
	background-color:#EAEEF0;
	color:#282828;
	padding:8px;
	text-align:center;
	font-size:90%;
	margin:0 0 30px;
}
.mypg_itemlist input[type="radio"] + label::after{
	content:"";
	position: absolute;
	bottom:-7px;
	left:0;
	right:0;
	margin:0 auto;
	width:14px;
	height:14px;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.mypg_itemlist input[type="radio"]#list_la:checked + label{
	background-color:#FE6189;
	color:#fff;
}
.mypg_itemlist input[type="radio"]#list_la:checked + label::after{
	background-color:#FE6189;
	}
.mypg_itemlist input[type="radio"]#list_me:checked + label{
	background-color:#4CAFE0;
	color:#fff;
}
.mypg_itemlist input[type="radio"]#list_me:checked + label::after{
	background-color:#4CAFE0;
	}
.mypg_itemlist .hosok_on{
	position: relative;
	width:100%;
	max-width:840px;
	margin:0 auto;
	font-size:90%;
}
.mypg_itemlist .hosok_on p.hosok_midasi{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin:0;
	border-top:1px solid #DCDCDC;
	border-left:1px solid #DCDCDC;
	border-right:1px solid #DCDCDC;
	background-color:#F5F7F8;
	}
.mypg_itemlist .hosok_on p.hosok_midasi span{
	box-sizeing:border-box;
	flex-grow: 1;
	flex-shrink: 1;
	width:50%;
	display:block;
	padding:5px 10px;
	}
.mypg_itemlist .hosok_on p.hosok_midasi span:nth-child(1){
	}
.mypg_itemlist .hosok_on p.hosok_midasi span:nth-child(2){
	border-left:1px solid #DCDCDC;
	}
.mypg_itemlist .hosok_on p.hosok_midasi + p{
	display:none;
}
.mypg_itemlist .hosok_on ul li{
	width:50%;
	}
.mypg_itemlist .hosok_on ul li a{
	color:#007EBE;
	text-decoration:none;
}
.mypg_itemlist .hosok_on ul li a:hover,
.mypg_itemlist .hosok_on ul li a:focus,
.mypg_itemlist .hosok_on ul li a:active{
	text-decoration:underline;
}
.mypg_itemlist .hosok_on ul.hosok_bikou{
	position: absolute;
	top:0;
	right:0;
	z-index:5;
	display:none;
	width:35%;
	min-width:10em;
	border-top:1px solid #DCDCDC;
}
.mypg_itemlist input[type="radio"]#list_la:checked ~ .hosok_on ul.hosok_bikou.la,
.mypg_itemlist input[type="radio"]#list_me:checked ~ .hosok_on ul.hosok_bikou.me{/*--選択している方だけ表示--*/
	display:block;
	}
.mypg_itemlist .hosok_on ul.hosok_bikou li:first-child{
	background-color:#F5F7F8;
	}
.mypg_itemlist ~ .def_btn.radius3.ya{
	max-width:400px;
	margin:1em auto;
	padding:0.7em 0;
	color:#fff;
}
.mypg_itemlist ul.hosok_box2,
.mypg_itemlist ul.hosok_box2 + p{/*必要品リスト_直接入力型*/
	position: relative;
	width: 100%;
	max-width: 840px;
	margin: 0 auto;
	font-size: 90%;
	}
.mypg_itemlist ul.hosok_box2 + p{
	margin: 1em auto 0;
	}
.mypg_itemlist ul.hosok_box2 li{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
	padding:0;
	}
.mypg_itemlist ul.hosok_box2 li div{
	width:50%;
	flex-grow: 0;
	flex-shrink: 0;
	padding: 5px 10px;
	}
.mypg_itemlist ul.hosok_box2 li:first-child div{
	border-top: 1px solid #DCDCDC;
	background-color: #F5F7F8;
	}
.mypg_itemlist ul.hosok_box2 li div:nth-child(2){
	border-left: 1px solid #DCDCDC;
	}
.mypg_itemlist ul.hosok_box2 li div a{
	color:#007EBE;
	text-decoration:none;
}
.mypg_itemlist ul.hosok_box2 li div a:hover,
.mypg_itemlist ul.hosok_box2 li div a:focus,
.mypg_itemlist ul.hosok_box2 li div a:active{
	text-decoration:underline;
}
.mypg_itemlist ul.hosok_box2 li div span,
.mypg_itemlist ul.hosok_box2 li div a span{
	display: inline-block;
	}
.mypg_itemlist ul.hosok_box2 li.item_la,
.mypg_itemlist ul.hosok_box2 li.item_me{/*--通常はどちらも非表示--*/
	display:none;
	}
.mypg_itemlist input[type="radio"]#list_la:checked ~ ul.hosok_box2 li.item_la,
.mypg_itemlist input[type="radio"]#list_me:checked ~ ul.hosok_box2 li.item_me{/*--選択している方だけ表示--*/
	display:flex;
	}

@media only screen and (max-width: 768px){
.mypg_itemlist{
	padding:15px 0 0;
	}
.mypg_itemlist input[type="radio"] + label{
	margin:0 0 15px;
	}
.mypg_itemlist ul.hosok_box2,
.mypg_itemlist .hosok_on{
	font-size:small;
	}
}

/*---注文仮登録(完了)---*/
.karitourok_sentak{
	display: flex;
	flex-direction: row;
	border:1px solid #cf1426;
}
.karitourok_sentak + .karitourok_sentak{
	margin:1em 0 0;
}
.karitourok_sentak span{
	display:inline-block;
	}
.karitourok_sentak p{
	margin:0;
	}
.karitourok_sentak .def_btn{
	margin:0 auto 0;
	padding: 0.5em 0;
	max-width:500px;
}
.karitourok_sentak .def_btn::after{
	background-color: #f4717e;
}
.karitourok_sentak .def_btn:hover{
	color:#fff;
}
.karitourok_sentak div.koumok{
	padding: 10px;
	width:14em;
	flex-grow: 0;
	flex-shrink: 0;
	background-color: #ffc3c9;
	font-weight:bold;
}
.karitourok_sentak div.txtlink{
	flex-grow: 2;
	flex-shrink: 2;
}
.karitourok_sentak div.txtlink .nagare{
	padding: 10px;
	display: flex;
	flex-direction:row;
	align-items: center;
	}
.karitourok_sentak div.txtlink .nagare + .nagare{
	background-color: #fee9e9;
	}
.karitourok_sentak div.txtlink .nagare > p{
	width: 160px;
	font-weight:bold;
	flex-grow: 0;
	flex-shrink: 0;
	}
.karitourok_sentak div.txtlink .nagare div.try{
width: 0;
height: 0;
border-style: solid;
border-width: 25px 0 25px 20px;
border-color: transparent transparent transparent #f4717e;
margin:0 1em;
	flex-grow: 0;
	flex-shrink: 0;
	}
.karitourok_sentak div.txtlink .nagare div.sqea{
	flex-grow: 2;
	flex-shrink: 2;
	}
.karitourok_sentak div.txtlink .nagare div.sqea p{
	margin:0 0 1em;
	}
@media only screen and (max-width: 950px){
.karitourok_sentak div.txtlink .nagare > p{
	width: 7em;
	}
}
@media only screen and (max-width: 768px){
.karitourok_sentak{
	flex-direction: column;
	}
.karitourok_sentak .def_btn{
	font-size:100%;
	}
.karitourok_sentak div.koumok{
	width:100%;
	}
}
@media only screen and (max-width: 480px){
.karitourok_sentak div.txtlink .nagare {
    flex-direction: column;
	}
.karitourok_sentak div.txtlink .nagare div.try {
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	}
}

/*--カート_幅狭いときに×ボタン数量ボタン等を移動--*/
@media only screen and (max-width: 640px){
.cart_item.table .tbody .item_box.tr.citem {
	position: relative;
	display: flex !important;
	flex-direction: column;
	}
.cart_item.table .tbody .item_box.tr.citem .td {
    display: block;
    margin: 0;
    width: 100%;
}
.cart_item.table .tbody .item_box.tr.citem .td:nth-child(1) {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    border-bottom: none;
    z-index: 5;
	}
.cart_item.table .tbody .item_box.tr .td{
	}
.cart_item.table .tbody .form-control{
	font-size:small;
	height: 2em;
	padding: 0;
	width: 100%;
	}
}
@media only screen and (max-width: 400px){
.cart_item.table .tbody .form-control{
	font-size:x-small;
	}
}

/*---ブラウザアイコンの表示枠---*/
.browicon{
	text-align:left;
	max-width:510px;
	margin:0 auto;
	}
.browicon p{
	text-align:left;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin:0;
	}
.browicon p span.tit_browser{
	width:11em;
	flex-grow: 0;
	flex-shrink: 0;
	}
.browicon p span.tit_browser span + span{
	margin:0;
	}
.browicon p span:not(.tit_browser){
	margin:0;
	}
.browicon p span:not(.tit_browser) span + span{
	margin:0 0 0 0.8em;
	}
@media only screen and (max-width: 640px){
.browicon{
	max-width:230px;
	margin:0 auto 0.5em;
	}
.browicon p{
	line-height:1.5em;
	}
.browicon p + p{
	padding:0.5em 0 0;
	align-items: center;
	}
.browicon p span.tit_browser{
	width:7.5em;
	}
.browicon p span.tit_browser span + span{
	margin:0 0 0 1em;
	}
.browicon p span:not(.tit_browser) span + span{
	margin:0;
	}
}
/*--生徒情報編集_初回時の入力判定用--*/
.change_all p.fircheck{
	margin:0;
	font-size:small;
	color:#cf1426;
}
.saisun_box .sai_item span.required{
	display:none;
}

/*-----------------------------------------------商品一覧の内容が長いと横並びがズレる---*/
#item_list .row.no-padding{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	}
#item_list .col-sm-4.col-xs-6 {
    float: none;
}

/*---------------------------------------------------------------規格表の枠を非表示/採寸データのみにする-----------*/
.kikaku_all .kikaku_box {
	display:none;
}
.kikaku_all.oldtab .kikaku_box {/*--旧デザインを継続--*/
	display:block;
}
@media only screen and (min-width: 768px){
.kikaku_all.oldtab .kikaku_data {/*--旧デザインを継続--*/
	display:block;
	width: 38%;
	}
.kikaku_all .kikaku_data {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	}
.kikaku_all .kikaku_data .kikaku_saisun_left{/*--あなたの採寸データ--*/
	width: 40%;
	}
.kikaku_all .kikaku_data .kikaku_saisun_right{/*--サイズについてのご注意--*/
	width: 55%;
	max-width: 500px;
	}
}
/*---------------------------------------------------------------選択肢の上に注意書きを置きたいので-----------*/
p.kikaku_link {
    background-color: #EAEEF0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px;
	font-size:small;
}
p.iteminfo{
	margin:0;
	color:#ff0000;
	font-weight:bold;
	font-size:90%;
}
@media only screen and (min-width: 768px){
p.kikaku_link {
	font-size:90%;
	}
p.iteminfo{
	font-size:100%;
	}
}

/*---------------------------------------------------------------検索欄のカテゴリ選択を非表示-----------*/
#search select {
	display:none;
}
@media only screen and (min-width: 768px){
.search .input_search {
    max-width: 468px;
	}
}

/*---------------------------------------------------------------検索欄のカテゴリ選択を非表示-----------*/
.c_size_kounan{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:space-between;
	align-items: flex-start;
	margin:0 auto;
}
.c_size_kounan + .c_size_kounan{
	margin:1em auto 0;
}
.c_size_kounan img,
.c_size_kounan div{
	display:block;
	width:100%;
	height:auto;
}
.c_size_kounan table{
	vertical-align: top;
	font-size:90%;
	}
.c_size_kounan table tr td{
	padding:2px 0;
	}
.c_size_kounan table tr td:nth-child(2){
	width:2em;
	text-align: center;
	}



/*---------------------------------------------------------------商品詳細：着用時期アイコンベース-----------*/
.itemdet_all .itemdet_box div.detimg div.itemdet_bg{
	position: relative;
	display: block;
	width:20%;
	max-width: 108px;
	height: auto;
	margin: 0 5% 5% 0;
}
.itemdet_all .itemdet_box div.detimg div.itemdet_bg img{
	position: relative;
	display: block;
	width:100%;
	max-width: 108px;
	height: auto;
	margin: 0;
}
.itemdet_all .itemdet_box div.detimg div.itemdet_bg p{
	position: absolute;
	display: block;
	max-height:3.6em;
	top:35%;
	bottom:0;
	left:5px;
	right:5px;
	margin: auto 0;
	color:#4c4d55;
	font-size:2.5vw;
	text-align:center;
	line-height:1.6em;
}
.itemdet_all .itemdet_box div.detimg div.itemdet_bg.line1 p{
	max-height:1.6em;
}
.itemdet_all .itemdet_box div.detimg div.itemdet_bg.line2 p{
	max-height:3.6em;
}
.itemdet_all .itemdet_box div.detimg div.itemdet_bg p span{
	font-size:150%;
}
@media only screen and (min-width: 570px){
.itemdet_all .itemdet_box div.detimg div.itemdet_bg p{
	top:35px;
	font-size:90%;
	}
}
@media only screen and (min-width: 768px){
.itemdet_all .itemdet_box div.detimg div.itemdet_bg p{
	top:35%;
	font-size:1.3vw;
	}
}
@media only screen and (min-width: 1140px){
.itemdet_all .itemdet_box div.detimg div.itemdet_bg p{
	top:35px;
	font-size:90%;
	}
}

/*----------------------------------------------------------メンテナンス画面-----*/
.mainte{
	position: relative;
	background-color:#daebfb;
	padding:20px 0;
	height:auto;
}
.maintenance{
	position: relative;
	width:100%;
	height:100%;
	margin:0;
	padding:0 0 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.maintenance .txtbox{
	width:400px;
	max-width:90%;
	margin:auto;
	padding:20px;
	background-color:#fff;
}
.maintenance .txtbox img{
	width:100%;
	max-width:430px;
	margin:0 0 20px;
}
.maintenance .txtbox table{
	margin:0 auto;
	}
.maintenance .txtbox table tr td,
.maintenance .txtbox p{
	font-size:small;
	}
.maintenance .txtbox p{
	text-align:center;
}
.maintenance .txtbox p span{
	display:inline-block;
}
.maintenance .txtbox p.copy{
	margin:30px 0 0;
	font-size:x-small;
}
@media only screen and (min-width: 480px){
.maintenance .txtbox{
	padding:30px;
	}
.maintenance .txtbox table tr td,
.maintenance .txtbox p{
	font-size:90%;
	}
}

/*-------------------------------------------------商品詳細アイコン：文字が多いとき_２倍サイズ-------------*/
.itemdet_all .itemdet_box div.detimg div.itemdet_x2 {
    position: relative;
    display: block;
    width: 45%;
    max-width: 240px;
    height: auto;
    margin: 0 5% 5% 0;
}
.itemdet_all .itemdet_box div.detimg div.itemdet_x2 img {
    position: relative;
    display: block;
    width: 100%;
    max-width: 240px;
    height: auto;
    margin: 0;
}
.itemdet_all .itemdet_box div.detimg div.itemdet_x2 p {
    position: absolute;
    display: block;
    max-height: 3.6em;
    top: 10%;
    bottom: 0;
    left: 5px;
    right: 5px;
    margin: auto 0;
    color: #4c4d55;
    font-size: 1.2vw;
    text-align: center;
    line-height: 2.5em;
}
@media only screen and (min-width: 570px){
.itemdet_all .itemdet_box div.detimg div.itemdet_x2 p {
    top: 20px;
    font-size: 85%;
    line-height: 1.6em;
	}
}
@media only screen and (min-width: 768px){
.itemdet_all .itemdet_box div.detimg div.itemdet_x2 p {
    top: 10%;
    font-size:0.6vw;
    line-height: 2.5em;
	}
}
@media only screen and (min-width: 1140px){
.itemdet_all .itemdet_box div.detimg div.itemdet_x2 p {
    top: 20px;
    font-size: 85%;
    line-height: 1.6em;
	}
}
/*-------------------------------------------------商品一覧_サイズを正方形に固定-------------*/
.ec-shelfGrid .ec-shelfGrid__item div,
.item_photo,
.item_photo.abson{
	position:relative;
	overflow:hidden;
	z-index:0;
}

.item_photo.abson img.relative {
	z-index:2;
	position:relative;
	border: 1px solid #DCDCDC;
}
.ec-shelfGrid .ec-shelfGrid__item div::before,
.item_photo::before,
.item_photo.abson div.relative {
	content:"";
	z-index:2;
	position:relative;
	border: 1px solid #DCDCDC;
	padding-top: 100%;
	display: block;
}
.ec-shelfGrid .ec-shelfGrid__item div img,
.item_photo img,
.item_photo.abson img.absolute {
/*
	border:none;
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    border: 0px;
}
.item_photo.abson div.relative,
#history_list .item_photo::before,
#cart_area #cart .item_photo::before,/*--カートブロック--*/
.cart_item .item_box .table .item_photo::before{/*----カートページ---*/
	display: none;
	}
.cart_item .item_box .table .item_photo a{
	padding-right: 8px;
	margin:auto 0;
	}
#history_list .item_photo img,
/*#shopping_confirm .item_photo img,*/
#cart_area #cart .item_photo img,
.cart_item .item_box .table .item_photo a img{
	position:relative;
	}
@media only screen and (min-width: 768px){
.cart_item .item_box .table .item_photo a{
	padding-right: 16px;
	}
}


/*---------------------------------------------------------------お買い物ガイド：手順：indexスライド画像を引用-----------*/
.sentak_box .sentak_col2 .sentak_slideon{
	position: relative;
	width: 100%;
	max-width: 360px;
	margin:0 auto;
	}
.sentak_box .sentak_col2 .sentak_slideon img{
	position: relative;
	width: 100%;
	}
.sentak_box .sentak_col2 .sentak_slideon img.sentak_pc ~ img.sentak_pc,
.sentak_box .sentak_col2 .sentak_slideon img.sentak_sp ~ img.sentak_sp{/*--スライドを上に乗せる---*/
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	margin:0;
}
input#sentak01:checked ~ .sentak_box .sentak_col2 .sentak_slideon img.sentak_logo{/*---ロゴを上に乗せる_pc用---*/
	position: absolute;
	width: 25%;
	top:2%;
	left:2%;
	margin:0;
}
input#sentak02:checked ~ .sentak_box .sentak_col2 .sentak_slideon img.sentak_logo{/*---ロゴを上に乗せる_sp用---*/
	position: absolute;
	width: 55%;
	top:3%;
	left:0;
	right:0;
	margin:0 auto;
}

@media only screen and (min-width: 768px){
.sentak_box .sentak_col2 .sentak_slideon{
	width: 46%;
	margin:0;
	}
.sentak_box .sentak_col2 .sentak_slideon img{
	width: 100%;
	margin: 0;
	}
}
/*------------------------------------------------------------------------------------------------4系・ブロック：カレンダー------------------*/

.ec-calendar{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
}
.ec-calendar table{
}
.ec-calendar table td,
.ec-calendar table th{
	padding:9px;
	border:3px solid #fff;
	text-align:center;
}
.ec-calendar table th.ec-calendar__sun{
	color: #f4717e;
}
.ec-calendar table th.ec-calendar__sat{
	color: #78a5e8;
}
.ec-calendar table td{
	background-color:#ecffff;
}
.ec-calendar table td.ec-calendar__holiday{
	background-color:#ffcccc;
}

/*--------------------------------------------------------商品詳細：サイズリコメンド機能----*/
.rec_size{
}
.rec_size p{
	width:100%;
	max-width:360px;
	margin:0 auto;
	font-size:small;
}
.rec_size p.result{
	padding:0.5em 0;
	font-size:medium;
	font-weight:bold;
	text-align:center;
}
.rec_size p.result span{
	display:inline-block;
	padding:0 10px 0 0;
	font-size:xx-large;
	font-weight:bold;
	color: #cf1426;
}
.rec_size p.kome{
	font-size:x-small;
}
@media only screen and (min-width: 480px){
.rec_size p.kome{
	font-size:small;
	}
}

/*-----------------------------------------------------入力フォーム：サイズ変更------*/
.form-control.long{
	width: 100%;
}
.form-control.middle{
	min-width: 15em;
}
/*-----------------------------------------------------------indexスライド_高さを固定------------*/
.main_visual.pcspslide{
	}
.logouttop.pcspslide .box1,
.main_visual.pcspslide .box2,
.main_visual.pcspslide .box1,
.main_visual.pcspslide .box0{
	position:relative;
	overflow:hidden;
	height:300px;
    background-repeat:  no-repeat;
    background-position:center;
    background-size: cover;
	opacity:1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
	}
.main_visual.pcspslide a.box2:hover,
.main_visual.pcspslide a.box2:focus,
.main_visual.pcspslide a.box2:active,
.main_visual.pcspslide a.box1:hover,
.main_visual.pcspslide a.box1:focus,
.main_visual.pcspslide a.box1:active{
	opacity:0.5;
}
.main_visual.pcspslide .box0{/*---簡単オーダー---*/
}
.main_visual.pcspslide .box0 .left,
.main_visual.pcspslide .box0 .right{
	z-index:1;
	position:absolute;
	top:0;
	bottom:0;
	display:block;
	width:50%;
	height:100%;
	margin:0 0 0 auto;
	background-size: cover;
	}
.main_visual.pcspslide .box0 .left{
	background-position:left bottom;
	left:0;
	}
.main_visual.pcspslide .box0 .right{
	background-position:right bottom;
	right:0;
	}
#contents.logout .logouttop.main_visual.pcspslide .box0 img.logo0,
.main_visual.pcspslide .box0 img.logo0{
	z-index:5;
	display:block;
	width:auto;
	height:100%;
	margin:auto;
	}
.main_visual.pcspslide .box1 img{
	display:block;
	width:100%;
	height:auto;
	margin:auto;
}
.main_visual.pcspslide .box1 img.logo1{
	width:80%;
	max-width:400px;
	}
.main_visual.pcspslide .box1 p{
	margin:auto 0;
	width:100%;
	height:auto;
box-sizing: content-box;
	line-height:1em;
	font-size:large;
	text-align:center;
	padding:10px 0;
	color:#fff;
	background-color: rgba(77,142,84,0.7);
}
@media only screen and (min-width: 480px){
.main_visual.pcspslide .box2 p,
.main_visual.pcspslide .box1 p{
	font-size:x-large;
	}
}
@media only screen and (min-width: 768px){
.logouttop.pcspslide .box1,
.main_visual.pcspslide .box0,
.main_visual.pcspslide .box2,
.main_visual.pcspslide .box1{
	height:420px;
	}
.main_visual.pcspslide .box2 p,
.main_visual.pcspslide .box1 p{
	font-size:xx-large;
	}
}

/*---------------------------------------------------------------indexスライド：学校名を読込_ベース-----------*/
.main_visual .schoolon{
	position: relative;
	display:block;
	width:100%;
	height:auto;
	min-height:350px;
	background-color: #edece8;
	overflow:hidden;
}
.main_visual .schoolon.bg_blue{
	background-color: #c8dbe2;
	}
.main_visual .schoolon img.sp {
	display:block;
	height:auto;
	position: relative;
	opacity:0;
}
.main_visual .schoolon img.pctitle {
	display:none;
	position: absolute;
	top: 0;
	left: 0;
	right:0;
	bottom:0;
	margin:auto;
	width:410px;
	height:310px;
}
.main_visual .schoolon a.listlink{/*--商品一覧へ飛ぶリンク--*/
	display: block;
	z-index:5;
	position: absolute;
	top: 0;
	left: 0;
	right:0;
	bottom:0;
	margin:auto;
	width:60%;
	height:80%;
}
.main_visual .schoolon a.listlink p {/*--学校名を配置--*/
	position: absolute;
	top: 10%;
	left: 0;
	right:0;
	margin:auto;
	width:100%;
	height:2em;
	text-align:center;
	/*font-size:3vw;*/
	font-size:small;
	z-index:6;
}
.main_visual .schoolon a.listlink img.pc,
.main_visual .schoolon a.listlink img.sp{
	margin:0;
	opacity:1;
	}
.main_visual .schoolon a.listlink img.pc{
	display:none;
	width:410px;
	height:310px;
	}
.main_visual .schoolon a.listlink img.sp{
	display:block;
	width:100%;
	max-width:200px;
	height:auto;
	margin:auto;
	}
@media only screen and (min-width: 768px){
.main_visual .schoolon{
	width:100%;
	height:420px;
	}
.main_visual .schoolon a.listlink{
	width:40%;
	}
.main_visual .schoolon a.listlink p {
	top: 15%;
	font-size:large;
	}
.main_visual .schoolon a.listlink img.sp,
.main_visual .schoolon img.sp {
	display:none;
	}
.main_visual .schoolon a.listlink img.pc{
	display:block;
	}
.main_visual .schoolon a.listlink{
	width:410px;
	height:310px;
	}
}
/*---------------------------------------------------------------indexスライド：学校名を読込＋商品画像を読込-----------*/
.main_visual .schoolon.item_set3 div,
.main_visual .schoolon.item_set2 div,
.main_visual .schoolon.item_set1 div,
.main_visual .schoolon.item_set3 a,
.main_visual .schoolon.item_set2 a,
.main_visual .schoolon.item_set1 a{
	display: block;
	z-index:2;
	position: absolute;
	margin:auto;
}
.main_visual .schoolon.item_set3 img,
.main_visual .schoolon.item_set2 img,
.main_visual .schoolon.item_set1 img{
	display: block;
	margin:0;
	object-fit: cover;
	width:auto;
	height:100%;
	}
.main_visual .schoolon.item_set3 .item01,
.main_visual .schoolon.item_set1 .item01,
.main_visual .schoolon.item_set1 .item02{/*--スライドに商品画像を引用_2分割--*/
	top: 0;
	bottom:0;
	width:auto;
	height:100%;
	}
.main_visual .schoolon.item_set1 .item01{
	right: 70%;
}
.main_visual .schoolon.item_set3 .item01,
.main_visual .schoolon.item_set1 .item02{
	left: 70%;
	}
.main_visual .schoolon.item_set3 .item02,
.main_visual .schoolon.item_set2 .item01,
.main_visual .schoolon.item_set2 .item02{/*--スライドに商品画像を引用_6分割--*/
	bottom: 20%;
	width:auto;
	height:100%;
}
.main_visual .schoolon.item_set3 .item02,
.main_visual .schoolon.item_set2 .item01{
	left: -20%;
	}
.main_visual .schoolon.item_set2 .item02{
	right: -20%;
}
.main_visual .schoolon.item_set3 .item03,
.main_visual .schoolon.item_set3 .item04,
.main_visual .schoolon.item_set2 .item03,
.main_visual .schoolon.item_set2 .item04{
	top:55%;
	width:auto;
	height:50%;
}
.main_visual .schoolon.item_set2 .item05,
.main_visual .schoolon.item_set2 .item06{
	top:60%;
	width:auto;
	height:50%;
}
.main_visual .schoolon.item_set3 .item03,
.main_visual .schoolon.item_set2 .item03{
	left: -5%;
}
.main_visual .schoolon.item_set2 .item04{
	right: -5%;
}
.main_visual .schoolon.item_set3 .item04,
.main_visual .schoolon.item_set2 .item05{
	left: 10%;
}
.main_visual .schoolon.item_set2 .item06{
	right: 10%;
}
@media only screen and (min-width: 768px){
.main_visual .schoolon.item_set1 .item02,
.main_visual .schoolon.item_set1 .item01{
	width:420px;
	height:420px;
	}
.main_visual .schoolon.item_set1 .item01{
	right: 65%;
	}
.main_visual .schoolon.item_set3 .item01,
.main_visual .schoolon.item_set1 .item02{
	left: 65%;
	}
.main_visual .schoolon.item_set3 .item02,
.main_visual .schoolon.item_set2 .item01{
	left: -10%;
	}
.main_visual .schoolon.item_set2 .item02{
	right: -10%;
	}
.main_visual .schoolon.item_set3 .item04,
.main_visual .schoolon.item_set2 .item05{
	left: 12%;
	}
.main_visual .schoolon.item_set2 .item06{
	right: 12%;
	}
}
@media only screen and (min-width: 900px){
.main_visual .schoolon.item_set2 .item01{
	left: -5%;
	}
.main_visual .schoolon.item_set2 .item02{
	right: -5%;
	}
}
/*-----------------------------------------------------------ログイン後_カテゴリリンクの表示_index-------------------*/

.indexcat .catelist2 li.allitem:first-child{
	margin-right:49%;
}
.indexcat .catelist2 p {
	margin: 12px 0 0;
	font-size:small;
	width: 100%;
	/*background-color: #333e58;*/
	background-color: #B8BEC4;
	color: #fff;
	padding:10px;
}
.indexcat .catelist2 li.top_category{
	width: 100%;
	position: relative;
}
.indexcat .catelist2 li.top_category a{
	width: 49%;
	padding-left:10px;
}
/*.indexcat .catelist2 li.top_category a.toggle{
	position: absolute;
	top:-4.9em;
	left:50%;
}*/
.indexcat .catelist2 li ul.child_categories{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.indexcat .catelist2 li ul.child_categories li{
	width: 49%;
	margin-right: 1%;
	}
.indexcat .catelist2 li ul.child_categories li a{
	padding-left:10px;
	width: 100%;
}
@media only screen and (min-width: 480px) {
.indexcat .catelist2 li.allitem:first-child{
	margin-right:66%;
}
.indexcat .catelist2 li ul.child_categories li,
.indexcat .catelist2 li.top_category a{
        width: 32%;
    }
.indexcat .catelist2 li.top_category a.toggle{
	left:33%;
	}
}
@media only screen and (min-width: 768px) {
.indexcat .catelist2 li.allitem:first-child{
	margin-right:75%;
}
.indexcat .catelist2 li ul.child_categories li,
.indexcat .catelist2 li.top_category a{
        width: 24%;
    }
.indexcat .catelist2 li.top_category a.toggle{
	left:25%;
	}
}
@media only screen and (min-width: 910px) {
.indexcat .catelist2 li ul.child_categories li,
.indexcat .catelist2 li.top_category a{
        width: 15.6%;
    }
.indexcat .catelist2 li.top_category a.toggle{
	left:16.5%;
	}
}
/*-----------------------------------------------------------ログイン後_カテゴリリンクの表示_フッター-------------------*/
.footer_link .catelist2 p{
	width: 100%;
	font-size:small;
	border-bottom: dotted 1px #c2c2c2;
	margin:1em 0 0.5em;
}
/*-----------------------------------------------------------ログイン後_カテゴリリンクの表示_SPメニュー-------------------*/
.spbox2 .sublink .spdrop .catelist2 p{
	padding:10px 10px 0;
}
.spbox2 .sublink .spdrop .catelist2 .allitem a{
	border-bottom: 0px;
}
.spbox2 .sublink .spdrop .catelist2 li.top_category{
	position: relative;
}
/*.spbox2 .sublink .spdrop .catelist2 li.top_category a.toggle{
	position: absolute;
	top:-41px;
	left:50%;
	border-bottom: 0px;
}*/
.spbox2 .sublink .spdrop .catelist2 li.top_category ul.child_categories{
	border-top: 1px solid #DCDCDC;
}
/*-----------------------------------------------------------ログイン後_カテゴリリンクの子カテゴリの子カテゴリを調整-------------------*/

#header .guide_link .mouseon1 .itemall.nikk ul.catelist2 ul.child_categories ul.child_categories{/*--ヘッダー--*/
	padding: 1em 0 0 1em;
	border-top: 1px solid #DCDCDC;
}
.indexcat .catelist2 li ul.child_categories li:has(ul.child_categories){/*--indexボタン--*/
	margin-bottom: 6px;
}
.indexcat .catelist2 li ul.child_categories ul.child_categories li{
	padding:0;
	}
.indexcat .catelist2 li ul.child_categories ul.child_categories li a{
	height: 3em;
	margin:0;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}
#footer .footer_link .block2 ul ul.child_categories li:has(ul.child_categories){/*--フッターリンク--*/
}
#footer .footer_link .block2 ul ul.child_categories ul.child_categories{
	border-top: 1px solid #DCDCDC;
}
.spbox2 .sublink ul.catelist2 li a:not(.iconimg00) {
	padding: 10px;
}
.spbox2 .sublink .spdrop .catelist2 li.top_category ul.child_categories li:has(ul.child_categories){/*--spメニュー--*/
	border-bottom: 1px solid #DCDCDC;
}
#header .guide_link .mouseon1 .itemall.nikk ul.catelist2 ul.child_categories ul.child_categories li,
.indexcat .catelist2 li ul.child_categories ul.child_categories li,
#footer .footer_link .block2 ul ul.child_categories ul.child_categories li,
.spbox2 .sublink .spdrop .catelist2 li.top_category ul.child_categories ul.child_categories li{
	width: 100%;
}

/*-----------------------------------------------------------ログイン前_オンラインショップリンク------------*/
#header .guide_link li.onlineshop{
	margin: 0 0 0 auto;
}
#header .guide_link li.onlineshop > div,
#header .guide_link li.onlineshop > a {
	display:block;
	height: 50px;
	background-color: #333e58;
	border-bottom: 2px solid #333e58;
	color: #fff;
	padding: 5px 1em 5px 45px;
	background-image:url(../img/unishop/icon_cartw.png);
	background-size:31px 28px;
	background-position:left 10px center;
	background-repeat:no-repeat;
}
#header .guide_link li.onlineshop > a{
	line-height:40px;
}
#header .guide_link li.onlineshop > div{
	text-align:center;
	line-height:1em;
	padding: 7px 1em 7px 45px;
}
#header .guide_link li.onlineshop > a:hover,
#header .guide_link li.onlineshop > a:focus,
#header .guide_link li.onlineshop > a:active {
	opacity:0.7;
}
#header .guide_link li.onlineshop > div span,
#header .guide_link li.onlineshop > a span {
	border-left: 0px;
	padding: 0;
	}
}

/*-----------------------------------------------------------商品詳細：画像スライドを正方形に固定------------*/

#item_photo_area .slick-slider .slick-list{
	position: relative;
}
#item_photo_area .slick-slide {/*--スライド１件--*/
	aspect-ratio: 1;
}
#item_photo_area .slick-slide img{/*--画像本体--*/
	aspect-ratio: 1;
	object-fit: contain;
	width:100%;
	height:100%;
}
#item_photo_area .slick-dots li button.thumbnail {
	aspect-ratio: 1;
}
#item_photo_area .slick-dots li button.thumbnail img{
	aspect-ratio: 1;
	object-fit: contain;
	width:100%;
	height:100%;
}

/*-----------------------------------------------------------index_uniバナーの文字をcssで設置------------*/
.block_banner a{/*--バナーベース--*/
	position: relative;
	z-index:1;
	overflow: hidden;
}
.block_banner a img{
	position: relative;
	z-index:1;
}
.block_banner a p{
	opacity:1;
	z-index:2;
	position: absolute;
	margin:0;
	color:#282828;
	font-size: 150%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.block_banner a:hover,
.block_banner a:focus,
.block_banner a:active p{
	opacity:0.5;
}
.block_banner a.ban_guide p{/*--お買い物ガイド--*/
	left:25%;
}
.block_banner a.ban_guide p:nth-child(1){
	top:20%;
}
.block_banner a.ban_guide p:nth-child(2){
	bottom:20%;
	color:#aaa;
	font-size:x-small;
	letter-spacing: 1px;
}
.block_banner a.ban_saisun p{/*--採寸の手順--*/
	left:8%;
	letter-spacing: 1px;
	font-weight:bold;
	line-height:1em;
}
.block_banner a.ban_saisun p span{
	color:#e83553;
}
.block_banner a.ban_saisun p:nth-child(1){
	top:13%;
	left:8%;
	font-size:small;
	background-color: #fff;
	padding:5px;
}
.block_banner a.ban_saisun p:nth-child(2){
	top:50%;
}
.block_banner a.ban_collect p{/*--サイズの選び方--*/
	top:0;
	left:0;
	right:0;
	bottom:20%;
	text-align:center;
	font-weight:bold;
	font-size: 175%;
	color:#fff;
	line-height:1.2em;
	align-items: flex-start;
}
.block_banner a.ban_collect p span{
	font-size:smaller;
}
.block_banner a.ban_itemlist p{/*--入学時の必要品--*/
	font-weight:bold;
	top:15%;
	bottom:15%;
	left:30%;
	width:70%;
	height:3em;
	margin:auto 0;
	font-size: 135%;
	justify-content: flex-start;
}
.block_banner a.ban_itemlist p span{
	color:#d11221;
}
.block_banner a.ban_school p{/*--学校一覧--*/
	left:35%;
	width:60%;
	color:#343e59;
}
.block_banner a.ban_school p span{
	color:#d11221;
}
.block_banner a.ban_school p:nth-child(1){
	bottom:55%;
	font-size:x-small;
}
.block_banner a.ban_school p:nth-child(2){
	top:50%;
	font-size: 120%;
	font-weight:bold;
}
.block_banner.logout a.ban_school p:nth-child(1){/*--学校一覧_ログイン前--*/
	font-size: 3.1vw;
}
.block_banner.logout a.ban_school p:nth-child(2){
	font-size: 6vw;
}
.block_banner a.ban_return p{/*--返品交換--*/
	color:#343e59;
	font-family: 'Noto Serif JP','游明朝 Medium', serif;
	font-weight:800;
	font-size:190%;
	line-height:1.2em;
	letter-spacing: 5px;
	text-align:center;
	top:10%;
	left:35%;
	width:65%;
}
.block_banner a.ban_return p span{
	font-size:80%;
}
.block_banner a.ban_login p,/*--新規登録、ログイン--*/
.block_banner a.ban_entry p{
	left:20%;
	width:80%;
	line-height:1em;
}
.block_banner a.ban_entry p{
	color:#fff;
}
.block_banner a.ban_login p:nth-child(1){
	letter-spacing: 10px;
}
.block_banner a.ban_login p:nth-child(1),
.block_banner a.ban_entry p:nth-child(1){
	bottom:50%;
	font-weight:bold;
	font-size: 7.5vw;
}
.block_banner a.ban_login p:nth-child(2),
.block_banner a.ban_entry p:nth-child(2){
	top:60%;
	font-size: 4vw;
}
.block_banner a.ban_entry p:nth-child(1){
	top:0;
	bottom:0;
	margin:auto 0;
}
@media only screen and (min-width: 560px){
.block_banner.logout a.ban_school p:nth-child(1){/*--学校一覧_ログイン前--*/
	font-size:medium;
}
.block_banner.logout a.ban_school p:nth-child(2){
	font-size: 200%;
	}
.block_banner a.ban_login p:nth-child(1),
.block_banner a.ban_entry p:nth-child(1){/*--新規登録、ログイン--*/
	font-size: 250%;
	}
.block_banner a.ban_login p:nth-child(2),
.block_banner a.ban_entry p:nth-child(2){
	font-size: 130%;
	}
}
@media only screen and (min-width: 768px){
.block_banner a p{
	font-size: 2vw;
	}
.block_banner a.ban_collect p{/*--サイズの選び方--*/
	font-size: 2.5vw;
	}
.block_banner a.ban_itemlist p{
	font-size: 1.8vw;
	}
.block_banner a.ban_school p:nth-child(1){
	font-size: 0.8vw;
	}
.block_banner a.ban_school p:nth-child(2){
	font-size: 1.6vw;
	}
.block_banner.logout.ban3 a.ban_school p:nth-child(1){/*--学校一覧_ログイン前--*/
	font-size: 1vw;
}
.block_banner.logout.ban3 a.ban_school p:nth-child(2){
	font-size: 2vw;
}
.block_banner.logout a.ban_school p:nth-child(1){/*--学校一覧_ログイン前_2個配置--*/
	font-size: 1.5vw;
}
.block_banner.logout a.ban_school p:nth-child(2){
	font-size: 3vw;
}
.block_banner a.ban_return p{/*--返品交換--*/
	font-size: 2.5vw;
	}
.block_banner a.ban_login p:nth-child(1),
.block_banner a.ban_entry p:nth-child(1){/*--新規登録、ログイン--*/
	font-size: 3.9vw;
}
.block_banner a.ban_login p:nth-child(2),
.block_banner a.ban_entry p:nth-child(2){
	font-size: 2vw;
	}
.block_banner.logout.ban3 a.ban_login p:nth-child(1),
.block_banner.logout.ban3 a.ban_entry p:nth-child(1){/*--新規登録、ログイン--*/
	font-size: 2.8vw;
}
.block_banner.logout.ban3 a.ban_login p:nth-child(2),
.block_banner.logout.ban3 a.ban_entry p:nth-child(2){
	font-size: 1.5vw;
	}
}
@media only screen and (min-width: 1100px){
.block_banner a p{
	font-size: 150%;
	}
.block_banner a.ban_collect p{/*--サイズの選び方--*/
	font-size: 175%;
	}
.block_banner a.ban_itemlist p{
	font-size: 135%;
	}
.block_banner a.ban_school p:nth-child(1){
	font-size:x-small;
	}
.block_banner a.ban_school p:nth-child(2){
	font-size: 120%;
	}
.block_banner.logout.ban3 a.ban_school p:nth-child(1){/*--学校一覧_ログイン前--*/
	font-size:small;
}
.block_banner.logout.ban3 a.ban_school p:nth-child(2){
	font-size: 150%;
}
.block_banner.logout a.ban_school p:nth-child(1){/*--学校一覧_ログイン前_2個配置--*/
	font-size:medium;
}
.block_banner.logout a.ban_school p:nth-child(2){
	font-size: 200%;
}
.block_banner a.ban_return p{/*--返品交換--*/
	font-size:190%;
	}
.block_banner a.ban_login p:nth-child(1),
.block_banner a.ban_entry p:nth-child(1){/*--新規登録、ログイン--*/
	font-size: 250%;
}
.block_banner a.ban_login p:nth-child(2),
.block_banner a.ban_entry p:nth-child(2){
	font-size: 130%;
	}
.block_banner.logout.ban3 a.ban_login p:nth-child(1),
.block_banner.logout.ban3 a.ban_entry p:nth-child(1){/*--新規登録、ログイン--*/
	font-size: 190%;
}
.block_banner.logout.ban3 a.ban_login p:nth-child(2),
.block_banner.logout.ban3 a.ban_entry p:nth-child(2){
	font-size: 100%;
	}
}

/*---------------------------------------------------------------indexスライド：学校名を読込＋商品画像を読込-----------*/
.main_visual .schoolon.item_set3 div,
.main_visual .schoolon.item_set2 div,
.main_visual .schoolon.item_set1 div,
.main_visual .schoolon.item_set3 a,
.main_visual .schoolon.item_set2 a,
.main_visual .schoolon.item_set1 a{
	display: block;
	z-index:2;
	position: absolute;
	margin:auto;
}
.main_visual .schoolon.item_set3 img,
.main_visual .schoolon.item_set2 img,
.main_visual .schoolon.item_set1 img{
	display: block;
	margin:0;
	object-fit: cover;
	width:auto;
	height:100%;
	}
.main_visual .schoolon.item_set3 .item01,
.main_visual .schoolon.item_set1 .item01,
.main_visual .schoolon.item_set1 .item02{/*--スライドに商品画像を引用_2分割--*/
	top: 0;
	bottom:0;
	width:auto;
	height:100%;
	}
.main_visual .schoolon.item_set1 .item01{
	right: 70%;
}
.main_visual .schoolon.item_set3 .item01,
.main_visual .schoolon.item_set1 .item02{
	left: 70%;
	}
.main_visual .schoolon.item_set3 .item02,
.main_visual .schoolon.item_set2 .item01,
.main_visual .schoolon.item_set2 .item02{/*--スライドに商品画像を引用_6分割--*/
	bottom: 20%;
	width:auto;
	height:100%;
}
.main_visual .schoolon.item_set3 .item02,
.main_visual .schoolon.item_set2 .item01{
	left: -20%;
	}
.main_visual .schoolon.item_set2 .item02{
	right: -20%;
}
.main_visual .schoolon.item_set3 .item03,
.main_visual .schoolon.item_set3 .item04,
.main_visual .schoolon.item_set2 .item03,
.main_visual .schoolon.item_set2 .item04{
	top:55%;
	width:auto;
	height:50%;
}
.main_visual .schoolon.item_set2 .item05,
.main_visual .schoolon.item_set2 .item06{
	top:60%;
	width:auto;
	height:50%;
}
.main_visual .schoolon.item_set3 .item03,
.main_visual .schoolon.item_set2 .item03{
	left: -5%;
}
.main_visual .schoolon.item_set2 .item04{
	right: -5%;
}
.main_visual .schoolon.item_set3 .item04,
.main_visual .schoolon.item_set2 .item05{
	left: 10%;
}
.main_visual .schoolon.item_set2 .item06{
	right: 10%;
}
@media only screen and (min-width: 768px){
.main_visual .schoolon.item_set1 .item02,
.main_visual .schoolon.item_set1 .item01{
	width:420px;
	height:420px;
	}
.main_visual .schoolon.item_set1 .item01{
	right: 65%;
	}
.main_visual .schoolon.item_set3 .item01,
.main_visual .schoolon.item_set1 .item02{
	left: 65%;
	}
.main_visual .schoolon.item_set3 .item02,
.main_visual .schoolon.item_set2 .item01{
	left: -10%;
	}
.main_visual .schoolon.item_set2 .item02{
	right: -10%;
	}
.main_visual .schoolon.item_set3 .item04,
.main_visual .schoolon.item_set2 .item05{
	left: 12%;
	}
.main_visual .schoolon.item_set2 .item06{
	right: 12%;
	}
}
@media only screen and (min-width: 900px){
.main_visual .schoolon.item_set2 .item01{
	left: -5%;
	}
.main_visual .schoolon.item_set2 .item02{
	right: -5%;
	}
}
/*---------------------------------------------------------------shoppingログイン-----------*/
.shoplogin_box{
}
.shoplogin_box .ec-login__link,
.shoplogin_box h2{
	text-align:center;
}
.shoplogin_box .ec-grid3__cell2 .form-check>label,
.shoplogin_box .ec-grid3__cell2 p{
	margin:0;
	font-size: 80%;
	line-height: 2;
}
.shoplogin_box .ec-grid3{
	display:flex;
	flex-wrap: wrap;
}
.shoplogin_box .ec-grid3>.ec-grid3__cell2,
.shoplogin_box .ec-grid3>.ec-grid3__cell{
	width:100%;
	margin:0 auto;
}
.shoplogin_box .ec-grid3>.ec-grid3__cell2+.ec-grid3__cell{
	margin:40px auto 0;
}
.shoplogin_box .ec-login .ec-login__input{
	width:80%;
	margin:0 auto;
}
.shoplogin_box .ec-login .ec-login__input .ec-input>div{
	padding:8px 0;
}
.shoplogin_box .ec-login .ec-login__input .ec-checkbox{
	text-align:center;
}
.shoplogin_box .ec-login .ec-login__input .ec-checkbox>label{
	display:inline-block;
}
.shoplogin_box .ec-login .ec-login__input input[type="text"], 
.shoplogin_box .ec-login .ec-login__input input[type="email"], 
.shoplogin_box .ec-login .ec-login__input input[type="password"]{
	width:100%;
}
.shoplogin_box .browicon{
        margin-top: 20px;
}
.shoplogin_box .browicon p span{
	display:inline-block;
}
.shoplogin_box .ec-login button,
.shoplogin_box .ec-login button.def_button3,
.shoplogin_box .ec-login button.def_button3.unibtn{
	width:100%;
	display:block;
}
.shoplogin_box .forgot{
        margin-top: 20px;
        margin-bottom: 20px;
}
.shoplogin_box .ec-grid3>.ec-grid3__cell .ec-login__link{
        margin-top: 40px;
	}
@media only screen and (min-width: 768px){
.shoplogin_box .ec-grid3>.ec-grid3__cell2+.ec-grid3__cell,
.shoplogin_box .ec-grid3>.ec-grid3__cell2,
.shoplogin_box .ec-grid3>.ec-grid3__cell{
	margin:0 auto;
	}
.shoplogin_box .ec-grid3>.ec-grid3__cell2{
	width:64%;
	}
.shoplogin_box .ec-grid3>.ec-grid3__cell{
	width:31%;
	}
.shoplogin_box .browicon{
        margin-top: 40px;
	}
.shoplogin_box .browicon>p{
        margin-bottom: 8px;
	}
}
@media only screen and (min-width: 900px){
}
@media only screen and (max-width: 768px){
.shoplogin_box .browicon p span{
	line-height:1.5em;
	}
}
@media only screen and (max-width: 639px){
.shoplogin_box .browicon p span.tit_browser {
        width: 8em;
	}
}
/*---------------------------------------------------------------shoppingお客様情報の入力-----------*/
.nonmember_box{
}
.nonmember_box select,
.nonmember_box input[type="tel"],
.nonmember_box input[type="text"], 
.nonmember_box input[type="email"]{
    border: 1px solid #C4CCCE;
    border-radius: 3px !important;
    box-shadow: none;
    font-size: 16px;
    font-size: 1.6rem;
    height: 40px;
    padding: 6px 12px;
    width: auto;
    line-height: 1.5;
}
.nonmember_box .ec-zipInputHelp__icon{
	display:none;
}
.nonmember_box .def_button3{
	width:100%;
	display:block;
	margin-top:20px;
}
.nonmember_box span.ec-required {
    background-color: #cf1426;
    color: #fff;
    box-sizing: border-box;
    padding: 0 3px;
}